-
Default picker
let datepicker = new Now({ input: document.getElementById('...') });
-
Single date picker
let datepicker = new Now({ input: document.getElementById('...'), singleDate: true });
-
Simple inline picker
let datepicker = new Now({ container: document.getElementById('...'), inline: true });
Choose a dateChoose a dateJune 2025
SunMonTueWedThuFriSat123456789101112131415161718192021222324252627282930123456789101112131415161718192021222324252627282930311234567891011121314151617181920212223242526272829301234567891011121314151617181920212223242526272829303115:0015:00 -
Double picker demo
let datepicker = new Now({ container: document.getElementById('...'), inline: true, double: true });
Choose a dateChoose a dateJune 2025
July 2025
SunMonTueWedThuFriSatSunMonTueWedThuFriSat1234567891011121314151617181920212223242526272829301234567891011121314151617181920212223242526272829303112345678910111213141516171819202122232425262728293012345678910111213141516171819202122232425262728293031123456789101112131415161718192021222324252627282930311234567891011121314151617181920212223242526272829301234567891011121314151617181920212223242526272829303112345678910111213141516171819202122232425262728293015:0015:00 -
Picker with labels demo
let datepicker = new Now({ container: document.getElementById('...'), inline: true, labelTo: 'check-out', labelFrom: 'check-in' });
check-inChoose a datecheck-outChoose a dateJune 2025
SunMonTueWedThuFriSat123456789101112131415161718192021222324252627282930123456789101112131415161718192021222324252627282930311234567891011121314151617181920212223242526272829301234567891011121314151617181920212223242526272829303115:0015:00