@3mo/date-time-fields
Version:
Date time fields let people select dates, date-ranges, and times.
53 lines • 2.05 kB
TypeScript
import { type HTMLTemplateResult } from '@a11d/lit';
import { type MaterialIcon } from '@3mo/icon';
import { FieldDateTimeBase as FieldDateTimeBase } from './FieldDateTimeBase.js';
import { FieldDateTimePrecision } from './FieldDateTimePrecision.js';
declare enum FieldDateRangeSelection {
Start = "start",
End = "end"
}
/**
* @element mo-field-date-range
*
* @attr selection - The selected date range. Either "start" or "end". Defaults to "start".
* @attr value - The selected date range.
*
* @i18n "Period"
* @i18n "Start"
* @i18n "End"
* @i18n "Last ${count:number} days"
* @i18n "Last week"
* @i18n "This week"
* @i18n "Next week"
* @i18n "Last month"
* @i18n "This month"
* @i18n "Next month"
* @i18n "Last year"
* @i18n "This year"
* @i18n "Next year"
*/
export declare class FieldDateTimeRange extends FieldDateTimeBase<DateTimeRange | undefined> {
protected get selectedDate(): import("@3mo/date-time/DateTime.js").DateTime | undefined;
label: string;
selection: FieldDateRangeSelection;
value?: DateTimeRange;
protected resetNavigationDate(): void;
protected get presetsTemplate(): HTMLTemplateResult;
static get styles(): import("@a11d/lit").CSSResult;
protected calendarIconButtonIcon: MaterialIcon;
protected get placeholder(): string;
protected get calendarValue(): import("@3mo/date-time/DateTimeRange.js").DateTimeRange | undefined;
protected get popoverSelectionTemplate(): HTMLTemplateResult;
protected get popoverToolbarTemplate(): HTMLTemplateResult;
private get startEndTabBarTemplate();
handleSelectedDateChange(date: DateTime, precision: FieldDateTimePrecision): void;
protected valueToInputValue(value: DateTimeRange | undefined): string;
protected inputValueToValue(value: string): import("@3mo/date-time/DateTimeRange.js").DateTimeRange | undefined;
}
declare global {
interface HTMLElementTagNameMap {
'mo-field-date-time-range': FieldDateTimeRange;
}
}
export {};
//# sourceMappingURL=FieldDateTimeRange.d.ts.map