@3mo/date-time-fields
Version:
Date time fields let people select dates, date-ranges, and times.
2,137 lines • 85.8 kB
JSON
{
"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 |