-
Default picker
let datepicker = new When({ input: document.getElementById('...') });
-
Single date picker
let datepicker = new When({ input: document.getElementById('...'), singleDate: true });
-
Simple inline picker
let datepicker = new When({ container: document.getElementById('...'), inline: true });
Choose a dateChoose a dateJuly 2025
SunMonTueWedThuFriSat1234567891011121314151617181920212223242526272829303112345678910111213141516171819202122232425262728293012345678910111213141516171819202122232425262728293031123456789101112131415161718192021222324252627282930 -
Double picker demo
let datepicker = new When({ container: document.getElementById('...'), inline: true, double: true });
Choose a dateChoose a dateJuly 2025
August 2025
SunMonTueWedThuFriSatSunMonTueWedThuFriSat1234567891011121314151617181920212223242526272829303112345678910111213141516171819202122232425262728293012345678910111213141516171819202122232425262728293031123456789101112131415161718192021222324252627282930123456789101112131415161718192021222324252627282930123456789101112131415161718192021222324252627282930311234567891011121314151617181920212223242526272829303112345678910111213141516171819202122232425262728293012345678910111213141516171819202122232425262728293031 -
Picker with labels demo
let datepicker = new When({ container: document.getElementById('...'), inline: true, labelTo: 'check-out', labelFrom: 'check-in' });
check-inChoose a datecheck-outChoose a dateJuly 2025
SunMonTueWedThuFriSat1234567891011121314151617181920212223242526272829303112345678910111213141516171819202122232425262728293012345678910111213141516171819202122232425262728293031123456789101112131415161718192021222324252627282930