@3mo/date-time-fields
Version:
Date time fields let people select dates, date-ranges, and times.
22 lines (21 loc) • 818 B
JavaScript
import { __decorate } from "tslib";
import { component, html, range } from '@a11d/lit';
import { DateList } from './DateList.js';
let MinuteList = class MinuteList extends DateList {
get listItemsTemplate() {
return html `
${[...range(0, 60)].map(minute => html `
<mo-selectable-list-item
?selected=${this.value?.minute === minute}
?data-navigating=${this.navigationDate.minute === minute}
@navigate=${() => this.navigate.dispatch(this.navigationDate.with({ minute }))}
@change=${(e) => !e.selected ? void 0 : this.change.dispatch((this.value ?? new DateTime).with({ minute }))}
>${minute.format().padStart(2, this.zero.format())}</mo-selectable-list-item>
`)}
`;
}
};
MinuteList = __decorate([
component('mo-minute-list')
], MinuteList);
export { MinuteList };