import DatePickerInputTemplate from "./DatePickerInputTemplate.js"; import DatePickerPopoverTemplate from "./DatePickerPopoverTemplate.js"; import type DateTimePicker from "./DateTimePicker.js"; import Button from "./Button.js"; import Calendar from "./Calendar.js"; import CalendarDate from "./CalendarDate.js"; import SegmentedButton from "./SegmentedButton.js"; import SegmentedButtonItem from "./SegmentedButtonItem.js"; import TimeSelectionClocks from "./TimeSelectionClocks.js"; export default function DateTimePickerTemplate(this: DateTimePicker) { return [ DatePickerInputTemplate.call(this), DatePickerPopoverTemplate.call(this, { content, footer, initialFocus: this.initialFocusId }), ]; } function content(this: DateTimePicker) { return ( <> { this._phoneView &&
{this.btnDateLabel} {this.btnTimeLabel}
}
{this._calendarSelectedDates.map(date => )} { !this._phoneView && } { this.showTimeView && }
); } function footer(this: DateTimePicker) { return (
); }