UNPKG

@3mo/date-time-fields

Version:

Date time fields let people select dates, date-ranges, and times.

2,137 lines 85.8 kB
{ "version": "experimental", "tags": [ { "name": "mo-field-date", "path": ".\\packages\\DateTimeFields\\FieldDate.ts", "attributes": [ { "name": "open", "description": "Whether the date picker is open", "type": "boolean", "default": "false" }, { "name": "pickerHidden", "description": "Hide the date picker", "type": "boolean", "default": "false" }, { "name": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime", "default": "\"new DateTime\"" }, { "name": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision", "default": "\"Day\"" }, { "name": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "value", "description": "The field's value", "type": "Date | undefined" }, { "name": "label", "description": "The field's label", "type": "string", "default": "\"t('Date')\"" }, { "name": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "properties": [ { "name": "navigationDate", "type": "DateTime", "default": "\"new DateTime()\"" }, { "name": "open", "attribute": "open", "description": "Whether the date picker is open", "type": "boolean", "default": "false" }, { "name": "pickerHidden", "attribute": "pickerHidden", "description": "Hide the date picker", "type": "boolean", "default": "false" }, { "name": "shortcutReferenceDate", "attribute": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime", "default": "\"new DateTime\"" }, { "name": "precision", "attribute": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision", "default": "\"Day\"" }, { "name": "inputElement", "type": "HTMLInputElement" }, { "name": "selectOnFocus", "attribute": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "attribute": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "change", "type": "EventDispatcher<T | undefined>" }, { "name": "input", "type": "EventDispatcher<T | undefined>" }, { "name": "validityChange", "type": "EventDispatcher<boolean>" }, { "name": "isPopulated", "type": "boolean" }, { "name": "value", "attribute": "value", "description": "The field's value", "type": "Date | undefined" }, { "name": "label", "attribute": "label", "description": "The field's label", "type": "string", "default": "\"t('Date')\"" }, { "name": "readonly", "attribute": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "attribute": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "attribute": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "events": [ { "name": "change", "type": "CustomEvent<T | undefined>" }, { "name": "input", "type": "CustomEvent<T | undefined>" }, { "name": "validityChange", "type": "CustomEvent<boolean>" } ], "slots": [ { "name": "", "description": "The field's content" }, { "name": "start", "description": "Content to be placed at the start of the field" }, { "name": "end", "description": "Content to be placed at the end of the field" } ], "cssParts": [ { "name": "input", "description": "The input element." }, { "name": "container", "description": "Field's container" } ] }, { "name": "mo-field-date", "path": ".\\packages\\DateTimeFields\\FieldDateRange.ts", "attributes": [ { "name": "selection", "description": "The selected date range. Either \"start\" or \"end\". Defaults to \"start\".", "type": "FieldDateRangeSelection", "default": "\"start\"" }, { "name": "open", "description": "Whether the date picker is open", "type": "boolean", "default": "false" }, { "name": "pickerHidden", "description": "Hide the date picker", "type": "boolean", "default": "false" }, { "name": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime", "default": "\"new DateTime\"" }, { "name": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision", "default": "\"Day\"" }, { "name": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "value", "description": "The selected date range.", "type": "DateTimeRange | undefined" }, { "name": "label", "description": "The field's label", "type": "string", "default": "\"t('Period')\"" }, { "name": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "properties": [ { "name": "selection", "attribute": "selection", "description": "The selected date range. Either \"start\" or \"end\". Defaults to \"start\".", "type": "FieldDateRangeSelection", "default": "\"start\"" }, { "name": "navigationDate", "type": "DateTime", "default": "\"new DateTime()\"" }, { "name": "open", "attribute": "open", "description": "Whether the date picker is open", "type": "boolean", "default": "false" }, { "name": "pickerHidden", "attribute": "pickerHidden", "description": "Hide the date picker", "type": "boolean", "default": "false" }, { "name": "shortcutReferenceDate", "attribute": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime", "default": "\"new DateTime\"" }, { "name": "precision", "attribute": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision", "default": "\"Day\"" }, { "name": "inputElement", "type": "HTMLInputElement" }, { "name": "selectOnFocus", "attribute": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "attribute": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "change", "type": "EventDispatcher<T | undefined>" }, { "name": "input", "type": "EventDispatcher<T | undefined>" }, { "name": "validityChange", "type": "EventDispatcher<boolean>" }, { "name": "isPopulated", "type": "boolean" }, { "name": "value", "attribute": "value", "description": "The selected date range.", "type": "DateTimeRange | undefined" }, { "name": "label", "attribute": "label", "description": "The field's label", "type": "string", "default": "\"t('Period')\"" }, { "name": "readonly", "attribute": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "attribute": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "attribute": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "events": [ { "name": "change", "type": "CustomEvent<T | undefined>" }, { "name": "input", "type": "CustomEvent<T | undefined>" }, { "name": "validityChange", "type": "CustomEvent<boolean>" } ], "slots": [ { "name": "", "description": "The field's content" }, { "name": "start", "description": "Content to be placed at the start of the field" }, { "name": "end", "description": "Content to be placed at the end of the field" } ], "cssParts": [ { "name": "input", "description": "The input element." }, { "name": "container", "description": "Field's container" } ] }, { "name": "mo-field-date-range", "path": ".\\packages\\DateTimeFields\\FieldDateRange.ts", "attributes": [ { "name": "selection", "description": "The selected date range. Either \"start\" or \"end\". Defaults to \"start\".", "type": "FieldDateRangeSelection", "default": "\"start\"" }, { "name": "open", "description": "Whether the date picker is open", "type": "boolean", "default": "false" }, { "name": "pickerHidden", "description": "Hide the date picker", "type": "boolean", "default": "false" }, { "name": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime", "default": "\"new DateTime\"" }, { "name": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision", "default": "\"Day\"" }, { "name": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "value", "description": "The selected date range.", "type": "DateTimeRange | undefined" }, { "name": "label", "description": "The field's label", "type": "string", "default": "\"t('Period')\"" }, { "name": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "properties": [ { "name": "selection", "attribute": "selection", "description": "The selected date range. Either \"start\" or \"end\". Defaults to \"start\".", "type": "FieldDateRangeSelection", "default": "\"start\"" }, { "name": "navigationDate", "type": "DateTime", "default": "\"new DateTime()\"" }, { "name": "open", "attribute": "open", "description": "Whether the date picker is open", "type": "boolean", "default": "false" }, { "name": "pickerHidden", "attribute": "pickerHidden", "description": "Hide the date picker", "type": "boolean", "default": "false" }, { "name": "shortcutReferenceDate", "attribute": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime", "default": "\"new DateTime\"" }, { "name": "precision", "attribute": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision", "default": "\"Day\"" }, { "name": "inputElement", "type": "HTMLInputElement" }, { "name": "selectOnFocus", "attribute": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "attribute": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "change", "type": "EventDispatcher<T | undefined>" }, { "name": "input", "type": "EventDispatcher<T | undefined>" }, { "name": "validityChange", "type": "EventDispatcher<boolean>" }, { "name": "isPopulated", "type": "boolean" }, { "name": "value", "attribute": "value", "description": "The selected date range.", "type": "DateTimeRange | undefined" }, { "name": "label", "attribute": "label", "description": "The field's label", "type": "string", "default": "\"t('Period')\"" }, { "name": "readonly", "attribute": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "attribute": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "attribute": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "events": [ { "name": "change", "type": "CustomEvent<T | undefined>" }, { "name": "input", "type": "CustomEvent<T | undefined>" }, { "name": "validityChange", "type": "CustomEvent<boolean>" } ], "slots": [ { "name": "", "description": "The field's content" }, { "name": "start", "description": "Content to be placed at the start of the field" }, { "name": "end", "description": "Content to be placed at the end of the field" } ], "cssParts": [ { "name": "input", "description": "The input element." }, { "name": "container", "description": "Field's container" } ] }, { "name": "mo-field-date-time", "path": ".\\packages\\DateTimeFields\\FieldDateTime.ts", "attributes": [ { "name": "open", "description": "Whether the date picker is open", "type": "boolean", "default": "false" }, { "name": "pickerHidden", "description": "Hide the date picker", "type": "boolean", "default": "false" }, { "name": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime", "default": "\"new DateTime\"" }, { "name": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision", "default": "\"Minute\"" }, { "name": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "value", "description": "The field's value", "type": "Date | undefined" }, { "name": "label", "description": "The field's label", "type": "string", "default": "\"t('Date & Time')\"" }, { "name": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "properties": [ { "name": "navigationDate", "type": "DateTime", "default": "\"new DateTime()\"" }, { "name": "open", "attribute": "open", "description": "Whether the date picker is open", "type": "boolean", "default": "false" }, { "name": "pickerHidden", "attribute": "pickerHidden", "description": "Hide the date picker", "type": "boolean", "default": "false" }, { "name": "shortcutReferenceDate", "attribute": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime", "default": "\"new DateTime\"" }, { "name": "precision", "attribute": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision", "default": "\"Minute\"" }, { "name": "inputElement", "type": "HTMLInputElement" }, { "name": "selectOnFocus", "attribute": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "attribute": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "change", "type": "EventDispatcher<T | undefined>" }, { "name": "input", "type": "EventDispatcher<T | undefined>" }, { "name": "validityChange", "type": "EventDispatcher<boolean>" }, { "name": "isPopulated", "type": "boolean" }, { "name": "value", "attribute": "value", "description": "The field's value", "type": "Date | undefined" }, { "name": "label", "attribute": "label", "description": "The field's label", "type": "string", "default": "\"t('Date & Time')\"" }, { "name": "readonly", "attribute": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "attribute": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "attribute": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "events": [ { "name": "change", "type": "CustomEvent<T | undefined>" }, { "name": "input", "type": "CustomEvent<T | undefined>" }, { "name": "validityChange", "type": "CustomEvent<boolean>" } ], "slots": [ { "name": "", "description": "The field's content" }, { "name": "start", "description": "Content to be placed at the start of the field" }, { "name": "end", "description": "Content to be placed at the end of the field" } ], "cssParts": [ { "name": "input", "description": "The input element." }, { "name": "container", "description": "Field's container" } ] }, { "name": "mo-field-date-range", "path": ".\\packages\\DateTimeFields\\FieldDateTimeRange.ts", "attributes": [ { "name": "selection", "description": "The selected date range. Either \"start\" or \"end\". Defaults to \"start\".", "type": "FieldDateRangeSelection", "default": "\"start\"" }, { "name": "open", "description": "Whether the date picker is open", "type": "boolean", "default": "false" }, { "name": "pickerHidden", "description": "Hide the date picker", "type": "boolean", "default": "false" }, { "name": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime", "default": "\"new DateTime\"" }, { "name": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision", "default": "\"Minute\"" }, { "name": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "value", "description": "The selected date range.", "type": "DateTimeRange | undefined" }, { "name": "label", "description": "The field's label", "type": "string", "default": "\"t('Period')\"" }, { "name": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "properties": [ { "name": "selection", "attribute": "selection", "description": "The selected date range. Either \"start\" or \"end\". Defaults to \"start\".", "type": "FieldDateRangeSelection", "default": "\"start\"" }, { "name": "navigationDate", "type": "DateTime", "default": "\"new DateTime()\"" }, { "name": "open", "attribute": "open", "description": "Whether the date picker is open", "type": "boolean", "default": "false" }, { "name": "pickerHidden", "attribute": "pickerHidden", "description": "Hide the date picker", "type": "boolean", "default": "false" }, { "name": "shortcutReferenceDate", "attribute": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime", "default": "\"new DateTime\"" }, { "name": "precision", "attribute": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision", "default": "\"Minute\"" }, { "name": "inputElement", "type": "HTMLInputElement" }, { "name": "selectOnFocus", "attribute": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "attribute": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "change", "type": "EventDispatcher<T | undefined>" }, { "name": "input", "type": "EventDispatcher<T | undefined>" }, { "name": "validityChange", "type": "EventDispatcher<boolean>" }, { "name": "isPopulated", "type": "boolean" }, { "name": "value", "attribute": "value", "description": "The selected date range.", "type": "DateTimeRange | undefined" }, { "name": "label", "attribute": "label", "description": "The field's label", "type": "string", "default": "\"t('Period')\"" }, { "name": "readonly", "attribute": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "attribute": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "attribute": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "events": [ { "name": "change", "type": "CustomEvent<T | undefined>" }, { "name": "input", "type": "CustomEvent<T | undefined>" }, { "name": "validityChange", "type": "CustomEvent<boolean>" } ], "slots": [ { "name": "", "description": "The field's content" }, { "name": "start", "description": "Content to be placed at the start of the field" }, { "name": "end", "description": "Content to be placed at the end of the field" } ], "cssParts": [ { "name": "input", "description": "The input element." }, { "name": "container", "description": "Field's container" } ] }, { "name": "mo-field-date-time-range", "path": ".\\packages\\DateTimeFields\\FieldDateTimeRange.ts", "attributes": [ { "name": "selection", "description": "The selected date range. Either \"start\" or \"end\". Defaults to \"start\".", "type": "FieldDateRangeSelection", "default": "\"start\"" }, { "name": "open", "description": "Whether the date picker is open", "type": "boolean", "default": "false" }, { "name": "pickerHidden", "description": "Hide the date picker", "type": "boolean", "default": "false" }, { "name": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime", "default": "\"new DateTime\"" }, { "name": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision", "default": "\"Minute\"" }, { "name": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "value", "description": "The selected date range.", "type": "DateTimeRange | undefined" }, { "name": "label", "description": "The field's label", "type": "string", "default": "\"t('Period')\"" }, { "name": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "properties": [ { "name": "selection", "attribute": "selection", "description": "The selected date range. Either \"start\" or \"end\". Defaults to \"start\".", "type": "FieldDateRangeSelection", "default": "\"start\"" }, { "name": "navigationDate", "type": "DateTime", "default": "\"new DateTime()\"" }, { "name": "open", "attribute": "open", "description": "Whether the date picker is open", "type": "boolean", "default": "false" }, { "name": "pickerHidden", "attribute": "pickerHidden", "description": "Hide the date picker", "type": "boolean", "default": "false" }, { "name": "shortcutReferenceDate", "attribute": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime", "default": "\"new DateTime\"" }, { "name": "precision", "attribute": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision", "default": "\"Minute\"" }, { "name": "inputElement", "type": "HTMLInputElement" }, { "name": "selectOnFocus", "attribute": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "attribute": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "change", "type": "EventDispatcher<T | undefined>" }, { "name": "input", "type": "EventDispatcher<T | undefined>" }, { "name": "validityChange", "type": "EventDispatcher<boolean>" }, { "name": "isPopulated", "type": "boolean" }, { "name": "value", "attribute": "value", "description": "The selected date range.", "type": "DateTimeRange | undefined" }, { "name": "label", "attribute": "label", "description": "The field's label", "type": "string", "default": "\"t('Period')\"" }, { "name": "readonly", "attribute": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "attribute": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "attribute": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "events": [ { "name": "change", "type": "CustomEvent<T | undefined>" }, { "name": "input", "type": "CustomEvent<T | undefined>" }, { "name": "validityChange", "type": "CustomEvent<boolean>" } ], "slots": [ { "name": "", "description": "The field's content" }, { "name": "start", "description": "Content to be placed at the start of the field" }, { "name": "end", "description": "Content to be placed at the end of the field" } ], "cssParts": [ { "name": "input", "description": "The input element." }, { "name": "container", "description": "Field's container" } ] }, { "name": "mo-field-time", "path": ".\\packages\\DateTimeFields\\FieldTime.ts", "attributes": [ { "name": "minLength", "type": "number | undefined" }, { "name": "maxLength", "type": "number | undefined" }, { "name": "pattern", "type": "string | undefined" }, { "name": "autoComplete", "type": "FieldTextAutoComplete | undefined" }, { "name": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "value", "description": "The field's value", "type": "string | undefined" }, { "name": "label", "description": "The field's label", "type": "string", "default": "\"t('Time')\"" }, { "name": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "properties": [ { "name": "inputType", "type": "string" }, { "name": "minLength", "attribute": "minLength", "type": "number | undefined" }, { "name": "maxLength", "attribute": "maxLength", "type": "number | undefined" }, { "name": "pattern", "attribute": "pattern", "type": "string | undefined" }, { "name": "autoComplete", "attribute": "autoComplete", "type": "FieldTextAutoComplete | undefined" }, { "name": "inputElement", "type": "HTMLInputElement" }, { "name": "selectOnFocus", "attribute": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "attribute": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "change", "type": "EventDispatcher<T | undefined>" }, { "name": "input", "type": "EventDispatcher<T | undefined>" }, { "name": "validityChange", "type": "EventDispatcher<boolean>" }, { "name": "isPopulated", "type": "boolean" }, { "name": "value", "attribute": "value", "description": "The field's value", "type": "string | undefined" }, { "name": "label", "attribute": "label", "description": "The field's label", "type": "string", "default": "\"t('Time')\"" }, { "name": "readonly", "attribute": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "attribute": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "attribute": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "events": [ { "name": "change", "type": "CustomEvent<T | undefined>" }, { "name": "input", "type": "CustomEvent<T | undefined>" }, { "name": "validityChange", "type": "CustomEvent<boolean>" } ], "slots": [ { "name": "", "description": "The field's content" }, { "name": "start", "description": "Content to be placed at the start of the field" }, { "name": "end", "description": "Content to be placed at the end of the field" } ], "cssParts": [ { "name": "input", "description": "The input element." }, { "name": "container", "description": "Field's container" } ] }, { "name": "mo-field-toggleable-date-time-range", "path": ".\\packages\\DateTimeFields\\FieldToggleableDateTimeRange.ts", "attributes": [ { "name": "selection", "description": "The selected date range. Either \"start\" or \"end\". Defaults to \"start\".", "type": "FieldDateRangeSelection", "default": "\"start\"" }, { "name": "open", "description": "Whether the date picker is open", "type": "boolean", "default": "false" }, { "name": "pickerHidden", "description": "Hide the date picker", "type": "boolean", "default": "false" }, { "name": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime", "default": "\"new DateTime\"" }, { "name": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision", "default": "\"Day\"" }, { "name": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "value", "description": "The selected date range.", "type": "DateTimeRange | undefined" }, { "name": "label", "description": "The field's label", "type": "string", "default": "\"t('Period')\"" }, { "name": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "properties": [ { "name": "includeTime", "type": "boolean" }, { "name": "selection", "attribute": "selection", "description": "The selected date range. Either \"start\" or \"end\". Defaults to \"start\".", "type": "FieldDateRangeSelection", "default": "\"start\"" }, { "name": "navigationDate", "type": "DateTime", "default": "\"new DateTime()\"" }, { "name": "open", "attribute": "open", "description": "Whether the date picker is open", "type": "boolean", "default": "false" }, { "name": "pickerHidden", "attribute": "pickerHidden", "description": "Hide the date picker", "type": "boolean", "default": "false" }, { "name": "shortcutReferenceDate", "attribute": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime", "default": "\"new DateTime\"" }, { "name": "precision", "attribute": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision", "default": "\"Day\"" }, { "name": "inputElement", "type": "HTMLInputElement" }, { "name": "selectOnFocus", "attribute": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "attribute": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "change", "type": "EventDispatcher<T | undefined>" }, { "name": "input", "type": "EventDispatcher<T | undefined>" }, { "name": "validityChange", "type": "EventDispatcher<boolean>" }, { "name": "isPopulated", "type": "boolean" }, { "name": "value", "attribute": "value", "description": "The selected date range.", "type": "DateTimeRange | undefined" }, { "name": "label", "attribute": "label", "description": "The field's label", "type": "string", "default": "\"t('Period')\"" }, { "name": "readonly", "attribute": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "attribute": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "attribute": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "events": [ { "name": "change", "type": "CustomEvent<T | undefined>" }, { "name": "input", "type": "CustomEvent<T | undefined>" }, { "name": "validityChange", "type": "CustomEvent<boolean>" } ], "slots": [ { "name": "", "description": "The field's content" }, { "name": "start", "description": "Content to be placed at the start of the field" }, { "name": "end", "description": "Content to be placed at the end of the field" } ], "cssParts": [ { "name": "input", "description": "The input element." }, { "name": "container", "description": "Field's container" } ] }, { "name": "mo-field-date", "path": ".\\packages\\DateTimeFields\\dist\\FieldDate.d.ts", "attributes": [ { "name": "open", "description": "Whether the date picker is open", "type": "boolean" }, { "name": "pickerHidden", "description": "Hide the date picker", "type": "boolean" }, { "name": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime" }, { "name": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision" }, { "name": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "value", "description": "The field's value", "type": "Date | undefined" }, { "name": "label", "description": "The field's label", "type": "string", "default": "\"\"" }, { "name": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "properties": [ { "name": "navigationDate", "type": "DateTime" }, { "name": "open", "attribute": "open", "description": "Whether the date picker is open", "type": "boolean" }, { "name": "pickerHidden", "attribute": "pickerHidden", "description": "Hide the date picker", "type": "boolean" }, { "name": "shortcutReferenceDate", "attribute": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime" }, { "name": "precision", "attribute": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision" }, { "name": "inputElement", "type": "HTMLInputElement" }, { "name": "selectOnFocus", "attribute": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "attribute": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "change", "type": "EventDispatcher<T | undefined>" }, { "name": "input", "type": "EventDispatcher<T | undefined>" }, { "name": "validityChange", "type": "EventDispatcher<boolean>" }, { "name": "isPopulated", "type": "boolean" }, { "name": "value", "attribute": "value", "description": "The field's value", "type": "Date | undefined" }, { "name": "label", "attribute": "label", "description": "The field's label", "type": "string", "default": "\"\"" }, { "name": "readonly", "attribute": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "attribute": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "attribute": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "events": [ { "name": "change", "type": "CustomEvent<T | undefined>" }, { "name": "input", "type": "CustomEvent<T | undefined>" }, { "name": "validityChange", "type": "CustomEvent<boolean>" } ], "slots": [ { "name": "", "description": "The field's content" }, { "name": "start", "description": "Content to be placed at the start of the field" }, { "name": "end", "description": "Content to be placed at the end of the field" } ], "cssParts": [ { "name": "input", "description": "The input element." }, { "name": "container", "description": "Field's container" } ] }, { "name": "mo-field-date", "path": ".\\packages\\DateTimeFields\\dist\\FieldDateRange.d.ts", "attributes": [ { "name": "selection", "description": "The selected date range. Either \"start\" or \"end\". Defaults to \"start\".", "type": "FieldDateRangeSelection" }, { "name": "open", "description": "Whether the date picker is open", "type": "boolean" }, { "name": "pickerHidden", "description": "Hide the date picker", "type": "boolean" }, { "name": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime" }, { "name": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision" }, { "name": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "value", "description": "The selected date range.", "type": "DateTimeRange | undefined" }, { "name": "label", "description": "The field's label", "type": "string", "default": "\"\"" }, { "name": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "properties": [ { "name": "selection", "attribute": "selection", "description": "The selected date range. Either \"start\" or \"end\". Defaults to \"start\".", "type": "FieldDateRangeSelection" }, { "name": "navigationDate", "type": "DateTime" }, { "name": "open", "attribute": "open", "description": "Whether the date picker is open", "type": "boolean" }, { "name": "pickerHidden", "attribute": "pickerHidden", "description": "Hide the date picker", "type": "boolean" }, { "name": "shortcutReferenceDate", "attribute": "shortcutReferenceDate", "description": "The date to use as a reference for shortcuts", "type": "DateTime" }, { "name": "precision", "attribute": "precision", "description": "The precision of the date picker. Defaults to 'minute'", "type": "FieldDateTimePrecision" }, { "name": "inputElement", "type": "HTMLInputElement" }, { "name": "selectOnFocus", "attribute": "selectOnFocus", "description": "Selects the input text when the field receives focus.", "type": "boolean", "default": "false" }, { "name": "dense", "attribute": "dense", "description": "Whether the field is dense", "type": "boolean", "default": "false" }, { "name": "change", "type": "EventDispatcher<T | undefined>" }, { "name": "input", "type": "EventDispatcher<T | undefined>" }, { "name": "validityChange", "type": "EventDispatcher<boolean>" }, { "name": "isPopulated", "type": "boolean" }, { "name": "value", "attribute": "value", "description": "The selected date range.", "type": "DateTimeRange | undefined" }, { "name": "label", "attribute": "label", "description": "The field's label", "type": "string", "default": "\"\"" }, { "name": "readonly", "attribute": "readonly", "description": "Whether the field is readonly", "type": "boolean", "default": "false" }, { "name": "disabled", "attribute": "disabled", "description": "Whether the field is disabled", "type": "boolean", "default": "false" }, { "name": "required", "attribute": "required", "description": "Whether the field is required", "type": "boolean", "default": "false" } ], "events": [ { "name": "change", "type": "CustomEvent<T | undefined>" }, { "name": "input", "type": "CustomEvent<T |