Components

WDatePicker

Stories

Open in Storybook

Props

Prop Default Type
showTimefalseboolean | undefined
fallbackDatenew Date()Date | undefined
timeZonegetLocalTimeZone()string | undefined
modelValueunknown

Events

Event Type
update:modelValue[value: unknown]

Slots

Slot Type
default{ tempValue: any; } | { tempValue: { start?: { readonly calendar: { identifier: CalendarIdentifier; fromJulianDay: (jd: number) => CalendarDate; toJulianDay: (date: AnyCalendarDate) => number; getDaysInMonth: (date: AnyCalendarDate) => number; getMonthsInYear: (date: AnyCalendarDate) => number; getYearsInEra: (date: AnyCalendarDate) => number; getEras: () => string[]; getMinimumMonthInYear?: ((date: AnyCalendarDate) => number) | undefined; getMinimumDayInMonth?: ((date: AnyCalendarDate) => number) | undefined; getMaximumMonthsInYear: () => number; getMaximumDaysInMonth: () => number; getFormattableMonth?: ((date: AnyCalendarDate) => CalendarDate) | undefined; isEqual?: ((calendar: Calendar) => boolean) | undefined; balanceDate?: ((date: AnyCalendarDate) => void) | undefined; balanceYearMonth?: ((date: AnyCalendarDate, previousDate: AnyCalendarDate) => void) | undefined; constrainDate?: ((date: AnyCalendarDate) => void) | undefined; isInverseEra?: ((date: AnyCalendarDate) => boolean) | undefined; }; readonly era: string; readonly year: number; readonly month: number; readonly day: number; copy: () => CalendarDate; add: (duration: DateDuration) => CalendarDate; subtract: (duration: DateDuration) => CalendarDate; set: (fields: DateFields) => CalendarDate; cycle: (field: keyof DateFields, amount: number, options?: CycleOptions | undefined) => CalendarDate; toDate: (timeZone: string) => Date; toString: () => string; compare: (b: AnyCalendarDate) => number; } | { readonly calendar: { identifier: CalendarIdentifier; fromJulianDay: (jd: number) => CalendarDate; toJulianDay: (date: AnyCalendarDate) => number; getDaysInMonth: (date: AnyCalendarDate) => number; getMonthsInYear: (date: AnyCalendarDate) => number; getYearsInEra: (date: AnyCalendarDate) => number; getEras: () => string[]; getMinimumMonthInYear?: ((date: AnyCalendarDate) => number) | undefined; getMinimumDayInMonth?: ((date: AnyCalendarDate) => number) | undefined; getMaximumMonthsInYear: () => number; getMaximumDaysInMonth: () => number; getFormattableMonth?: ((date: AnyCalendarDate) => CalendarDate) | undefined; isEqual?: ((calendar: Calendar) => boolean) | undefined; balanceDate?: ((date: AnyCalendarDate) => void) | undefined; balanceYearMonth?: ((date: AnyCalendarDate, previousDate: AnyCalendarDate) => void) | undefined; constrainDate?: ((date: AnyCalendarDate) => void) | undefined; isInverseEra?: ((date: AnyCalendarDate) => boolean) | undefined; }; readonly era: string; readonly year: number; readonly month: number; readonly day: number; readonly hour: number; readonly minute: number; readonly second: number; readonly millisecond: number; readonly timeZone: string; readonly offset: number; copy: () => ZonedDateTime; add: (duration: DateTimeDuration) => ZonedDateTime; subtract: (duration: DateTimeDuration) => ZonedDateTime; set: (fields: DateFields & TimeFields, disambiguation?: Disambiguation | undefined) => ZonedDateTime; cycle: (field: keyof DateFields | keyof TimeFields, amount: number, options?: CycleTimeOptions | undefined) => ZonedDateTime; toDate: () => Date; toString: () => string; toAbsoluteString: () => string; compare: (b: CalendarDate | ZonedDateTime | CalendarDateTime) => number; } | undefined; end?: { readonly calendar: { identifier: CalendarIdentifier; fromJulianDay: (jd: number) => CalendarDate; toJulianDay: (date: AnyCalendarDate) => number; getDaysInMonth: (date: AnyCalendarDate) => number; getMonthsInYear: (date: AnyCalendarDate) => number; getYearsInEra: (date: AnyCalendarDate) => number; getEras: () => string[]; getMinimumMonthInYear?: ((date: AnyCalendarDate) => number) | undefined; getMinimumDayInMonth?: ((date: AnyCalendarDate) => number) | undefined; getMaximumMonthsInYear: () => number; getMaximumDaysInMonth: () => number; getFormattableMonth?: ((date: AnyCalendarDate) => CalendarDate) | undefined; isEqual?: ((calendar: Calendar) => boolean) | undefined; balanceDate?: ((date: AnyCalendarDate) => void) | undefined; balanceYearMonth?: ((date: AnyCalendarDate, previousDate: AnyCalendarDate) => void) | undefined; constrainDate?: ((date: AnyCalendarDate) => void) | undefined; isInverseEra?: ((date: AnyCalendarDate) => boolean) | undefined; }; readonly era: string; readonly year: number; readonly month: number; readonly day: number; copy: () => CalendarDate; add: (duration: DateDuration) => CalendarDate; subtract: (duration: DateDuration) => CalendarDate; set: (fields: DateFields) => CalendarDate; cycle: (field: keyof DateFields, amount: number, options?: CycleOptions | undefined) => CalendarDate; toDate: (timeZone: string) => Date; toString: () => string; compare: (b: AnyCalendarDate) => number; } | { readonly calendar: { identifier: CalendarIdentifier; fromJulianDay: (jd: number) => CalendarDate; toJulianDay: (date: AnyCalendarDate) => number; getDaysInMonth: (date: AnyCalendarDate) => number; getMonthsInYear: (date: AnyCalendarDate) => number; getYearsInEra: (date: AnyCalendarDate) => number; getEras: () => string[]; getMinimumMonthInYear?: ((date: AnyCalendarDate) => number) | undefined; getMinimumDayInMonth?: ((date: AnyCalendarDate) => number) | undefined; getMaximumMonthsInYear: () => number; getMaximumDaysInMonth: () => number; getFormattableMonth?: ((date: AnyCalendarDate) => CalendarDate) | undefined; isEqual?: ((calendar: Calendar) => boolean) | undefined; balanceDate?: ((date: AnyCalendarDate) => void) | undefined; balanceYearMonth?: ((date: AnyCalendarDate, previousDate: AnyCalendarDate) => void) | undefined; constrainDate?: ((date: AnyCalendarDate) => void) | undefined; isInverseEra?: ((date: AnyCalendarDate) => boolean) | undefined; }; readonly era: string; readonly year: number; readonly month: number; readonly day: number; readonly hour: number; readonly minute: number; readonly second: number; readonly millisecond: number; readonly timeZone: string; readonly offset: number; copy: () => ZonedDateTime; add: (duration: DateTimeDuration) => ZonedDateTime; subtract: (duration: DateTimeDuration) => ZonedDateTime; set: (fields: DateFields & TimeFields, disambiguation?: Disambiguation | undefined) => ZonedDateTime; cycle: (field: keyof DateFields | keyof TimeFields, amount: number, options?: CycleTimeOptions | undefined) => ZonedDateTime; toDate: () => Date; toString: () => string; toAbsoluteString: () => string; compare: (b: CalendarDate | ZonedDateTime | CalendarDateTime) => number; } | undefined; }; }