Skip to main content
🎉 Introducing DayPicker v9. See the
full changelog
.
React DayPicker
9.1.4
9.1.4
8.10.1
7.4.10
Documentation
Playground
API Reference
Support
GitHub
Search
Playground
Customization
Caption Layout:
Label
Dropdown
Dropdown months
Dropdown years
Show outside days
Show week number
Fixed weeks
Hide weekdays
Accent Color:
Navigation
Number of months:
Hide Navigation
Disable Navigation
Selection
Reset
Selection mode:
single
multiple
range
Required
Localization
Time Zone:
UTC
UTC
America/New_York
Europe/London
Asia/Tokyo
Australia/Sydney
Locale:
af
ar
ar-DZ
ar-EG
ar-MA
ar-SA
ar-TN
az
be
be-tarask
bg
bn
bs
ca
ckb
cs
cy
da
de
de-AT
el
en-AU
en-CA
en-GB
en-IE
en-IN
en-NZ
en-US
en-ZA
eo
es
et
eu
fa-IR
fi
fr
fr-CA
fr-CH
fy
gd
gl
gu
he
hi
hr
ht
hu
hy
id
is
it
it-CH
ja
ja-Hira
ka
kk
km
kn
ko
lb
lt
lv
mk
mn
ms
mt
nb
nl
nl-BE
nn
oc
pl
pt
pt-BR
ro
ru
se
sk
sl
sq
sr
sr-Latn
sv
ta
te
th
tr
ug
uk
uz
uz-Cyrl
vi
zh-CN
zh-HK
zh-TW
Weeks starts on:
Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
First week contains:
Monday
Thursday
ISO Week
Right-to-left direction
October 2024
Su
Mo
Tu
We
Th
Fr
Sa
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
Selection
Pick on a day to start selection.
Code
<
DayPicker
mode
=
"
single
"
/>