···2222<DateInput bind:value={date} />
2323```
24242525-## DateInput
2525+## <a id="dateinput" />DateInput
26262727Component with an input field that shows the DatePicker component on focus.
2828The component will not assign a date value until a specific date is selected in the picker or entered into the field.
29293030-### Props
3030+### <a id="props" />Props
31313232| Prop | Type | Description |
3333| :----------------------- | :----------- | :---------------------------------------------------- |
···4343| `browseWithoutSelecting` | bool | Wait with updating the date until a value is selected |
4444| `locale` | Locale | Locale object for internationalization |
45454646-#### Format string
4646+#### <a id="format-string" />Format string
47474848Example format string: `yyyy-MM-dd HH:mm:ss`
4949···5757| `mm` | 59 |
5858| `ss` | 59 |
59596060-## DatePicker
6060+## <a id="datepicker" />DatePicker
61616262Component with a calendar for choosing a date.
6363The component will not assign a date value until a specific date is selected in the picker.
64646565-### Props
6565+### <a id="datepicker-props" />Props
66666767| Prop | Type | Description |
6868| :----------------------- | :----------- | :--------------------------------------------------- |
···7272| `locale` | Locale | Locale object for internationalization |
7373| `browseWithoutSelecting` | bool | Wait with updating the date until a date is selected |
74747575-## Internationalization
7575+## <a id="internationalization" />Internationalization
76767777-### `Locale`
7777+### <a id="locale" />`Locale`
78787979Object to support internationalization. Properties (all are optional):
8080···8282- `months`: Array of month names, January to December. Default: `['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']`
8383- `weekStartsOn`: The day the week starts on, 0 = Sunday. Default: `1`
84848585-### `localeFromDateFnsLocale`
8585+### <a id="localefromdatefnslocale" />`localeFromDateFnsLocale`
86868787If you use [date-fns](https://date-fns.org/), you can create a Locale object by passing a date-fns locale to this function:
8888···9797<DatePicker bind:value={date} {locale} />
9898```
9999100100-## CSS variables
100100+## <a id="css-variables" />CSS variables
101101102102Colors:
103103