Date Picker (<disco-date-picker>)
Fullscreen date picker built on slider blades.
Usage
import { DiscoDatePicker } from 'discoui';
const picker = new DiscoDatePicker('CHOOSE DATE', new Date(), {
min: new Date(1900, 0, 1),
max: new Date(),
format: 'dd MMMM yyyy',
locale: 'en-US'
});
const selectedDate = await picker.open();
if (selectedDate) {
console.log(selectedDate);
}
Constructor
new DiscoDatePicker(title?, initialDate?, options?)
title(string, default:'CHOOSE DATE'): Modal header text.initialDate(Date, default:new Date()): Initial selected date.
Options
min(Date): Minimum selectable date.max(Date): Maximum selectable date.format(string, default:'dd MMMM yyyy'): Controls visible blades and order.locale(string, default: system locale): Locale used for month/day labels.
Methods
open(): Promise<Date | null>: Opens picker and resolves selected date ornullwhen cancelled.close(): Promise<void>: Closes picker.