@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 SecondList = class SecondList extends DateList {
get listItemsTemplate() {
return html `
${[...range(0, 60)].map(second => html `
<mo-selectable-list-item
?selected=${this.value?.second === second}
?data-navigating=${this.navigationDate.second === second}
@navigate=${() => this.navigate.dispatch(this.navigationDate.with({ second }))}
@change=${(e) => !e.selected ? void 0 : this.change.dispatch((this.value ?? new DateTime).with({ second }))}
>${second.format().padStart(2, this.zero.format())}</mo-selectable-list-item>
`)}
`;
}
};
SecondList = __decorate([
component('mo-second-list')
], SecondList);
export { SecondList };