Date Picker Svelte
Demo Docs REPL

Date and time picker for Svelte

Features:

  • Theming
  • Custom formats
  • Internationalization (i18n)
  • Autopunctuation (e.g typing "20201111111111" gives you "2020-11-11 11:11:11" with the default format)
  • Keyboard shortcuts

Install

npm install -D date-picker-svelte

DateInput

Props

value
initialBrowseDate
min
max
id
placeholder
valid
format
visible
disabled
required
closeOnSelection
browseWithoutSelecting
dynamicPositioning
locale
text
timePrecision
class
ClassValue
isDisabledDate
(date: Date) => boolean
onselect
(date: Date) => void

DatePicker

եր
եք
չք
հգ
ուր
շբ
կր
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
04: 33 :20 .804

Props

value
initialBrowseDate
min
max
locale
browseWithoutSelecting
timePrecision
isDisabledDate
(date: Date) => boolean
onselect
(date: Date) => void

Theming

--date-picker-foreground
--date-picker-background
--date-picker-highlight-border
--date-picker-highlight-shadow
--date-picker-today-border
--date-picker-selected-color
--date-picker-selected-background