Usage Example
// Initialize DateTime Picker
const picker = new CalendoPro.DateTime('#my-picker', {
theme: 'light',
format24h: false,
minuteStep: 15,
defaultHour: 9,
defaultMinute: 0,
onDateTimeSelect: (data) => {
console.log('Date:', data.date);
console.log('Time:', data.time);
console.log('DateTime:', data.dateTime);
console.log('Formatted:', data.formatted);
}
});
// Get current selection
const value = picker.getValue();
console.log(value); // "2025-01-15T14:30"
// Set value programmatically
picker.setValue('2025-06-20', 10, 30);
🕐
Time Selection
Hour, minute, and AM/PM selectors with smooth scrolling.
🔄
Flexible Formats
Support for both 12-hour and 24-hour time formats.
⏱️
Minute Stepping
Configure minute intervals: 1, 5, 10, 15, or 30 minutes.