@esri/calcite-components
Version:
Web Components for Esri's Calcite Design System.
75 lines (73 loc) • 2.41 kB
TypeScript
/// <reference types="../../index.d.ts" />
import { PropertyValues } from 'lit';
import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
import { Scale } from '../interfaces';
import { NumberingSystem } from '../../utils/locale';
import { EffectiveHourFormat, HourFormat, Meridiem } from '../../utils/time';
export declare class TimePicker extends LitElement {
/**
* Specifies the component's hour format, where:
*
* `"user"` displays the user's locale format,
* `"12"` displays a 12-hour format, and
* `"24"` displays a 24-hour format.
*
* @default "user"
*/
hourFormat: HourFormat;
/** Use this property to override individual strings used by the component. */
messageOverrides?: typeof this.messages._overrides;
/** Specifies the Unicode numeral system used by the component for localization. */
numberingSystem: NumberingSystem;
/**
* Specifies the size of the component.
*
* @default "m"
*/
scale: Scale;
/**
* Specifies the granularity the `value` must adhere to (in seconds).
*
* @default 60
*/
step: number;
/** The component's value in UTC (always 24-hour format). */
value: string;
/** Sets focus on the component's first focusable element. */
setFocus(): Promise<void>;
/** Fires when a user changes the component's time */
readonly calciteTimePickerChange: TargetedEvent<this, void>;
private messages: Partial<{
fractionalSecond: string;
fractionalSecondDown: string;
fractionalSecondUp: string;
hour: string;
hourDown: string;
hourUp: string;
meridiem: string;
meridiemDown: string;
meridiemUp: string;
minute: string;
minuteDown: string;
minuteUp: string;
second: string;
secondDown: string;
secondUp: string;
}> & import('@arcgis/lumina/controllers').T9nMeta<{
fractionalSecond: string;
fractionalSecondDown: string;
fractionalSecondUp: string;
hour: string;
hourDown: string;
hourUp: string;
meridiem: string;
meridiemDown: string;
meridiemUp: string;
minute: string;
minuteDown: string;
minuteUp: string;
second: string;
secondDown: string;
secondUp: string;
}>;
}