Skip to content

@jsvision/ui / DatePickerOptions

Interface: DatePickerOptions ​

Defined in: ui/src/date/date-picker.ts:57

Options for a DatePicker.

Properties ​

density? ​

optional density?: CalendarDensity

Defined in: ui/src/date/date-picker.ts:77

Density of the dropdown Calendar (default 'comfortable'; the popup sizes to it).


firstDayOfWeek? ​

optional firstDayOfWeek?: 0 | 1

Defined in: ui/src/date/date-picker.ts:73

First day of the week (0 = Sunday, 1 = Monday), forwarded to the dropdown Calendar.


format? ​

optional format?: DateFormat

Defined in: ui/src/date/date-picker.ts:63

Field format (default ISO YYYY-MM-DD).


i18n? ​

readonly optional i18n?: I18n

Defined in: ui/src/date/date-picker.ts:59

Explicit translation service forwarded to the popup calendar.


isDisabled? ​

optional isDisabled?: (d) => boolean

Defined in: ui/src/date/date-picker.ts:71

Disabled-day predicate, forwarded to the dropdown Calendar.

Parameters ​

d ​

CalendarDate

Returns ​

boolean


max? ​

optional max?: CalendarDate

Defined in: ui/src/date/date-picker.ts:69

Inclusive upper bound, forwarded to the dropdown Calendar.


min? ​

optional min?: CalendarDate

Defined in: ui/src/date/date-picker.ts:67

Inclusive lower bound, forwarded to the dropdown Calendar.


placeholder? ​

optional placeholder?: string | Signal<string>

Defined in: ui/src/date/date-picker.ts:79

A muted hint shown in the field while it is empty; forwarded to the inner text field.


showWeekNumbers? ​

optional showWeekNumbers?: boolean

Defined in: ui/src/date/date-picker.ts:75

Show ISO week numbers in the dropdown Calendar.


today? ​

optional today?: CalendarDate

Defined in: ui/src/date/date-picker.ts:65

The "today" day, forwarded to the dropdown Calendar.


value ​

value: Signal<CalendarDate | null>

Defined in: ui/src/date/date-picker.ts:61

Two-way selected day (null = none).