{"kind":"javascript-module","path":"src/components/fhi-date-input/fhi-date-input.component.ts","declarations":[{"kind":"class","description":"## FHI Date input\n\nhttps://designsystemet.dhi.no/?path=/docs/komponenter-date-input--docs\n\nThe `<fhi-date-input>` component represents a date input field styled and implemented according to the FHI Design System guidelines.\nIt allows users to select or input a date.","name":"FhiDateInput","members":[{"kind":"method","name":"_dispatchChangeEvent","privacy":"private","return":{"type":{"text":"void"}}},{"kind":"method","name":"_dispatchInputEvent","privacy":"private","return":{"type":{"text":"void"}}},{"kind":"method","name":"_handleChange","privacy":"private","return":{"type":{"text":"void"}}},{"kind":"method","name":"_handleInput","privacy":"private","return":{"type":{"text":"void"}},"parameters":[{"name":"event","type":{"text":"Event"}}]},{"kind":"method","name":"_handleKeyDown","privacy":"private","return":{"type":{"text":"void"}},"parameters":[{"name":"event","type":{"text":"KeyboardEvent"}}]},{"kind":"field","name":"_input","type":{"text":"HTMLInputElement"},"privacy":"private"},{"kind":"field","name":"_internals","type":{"text":"ElementInternals"},"privacy":"private"},{"kind":"field","name":"_name","type":{"text":"string | undefined | undefined"},"privacy":"private","default":"undefined"},{"kind":"method","name":"_showDate","privacy":"private","parameters":[{"name":"event","optional":true,"type":{"text":"KeyboardEvent"}}]},{"kind":"field","name":"_value","type":{"text":"string | undefined"},"privacy":"private","default":"''"},{"kind":"field","name":"disabled","type":{"text":"boolean"},"default":"false","description":"Disables the input.  This changes its appearance and makes it non-interactive.","reflects":true,"attribute":"disabled"},{"kind":"method","name":"formResetCallback","privacy":"public","return":{"type":{"text":"void"}}},{"kind":"field","name":"helpText","type":{"text":"string"},"default":"undefined","description":"The help-text shown above the input field.\nThis is often used to provide additional information to the user.","attribute":"help-text"},{"kind":"field","name":"label","type":{"text":"string"},"default":"undefined","description":"The text that labels the input field.\nAn input field should always have a label to ensure accessibility.","attribute":"label"},{"kind":"field","name":"max","type":{"text":"string"},"default":"undefined","description":"Sets maximum date available for selection in the input field. Format `YYYY-MM-DD`.","attribute":"max"},{"kind":"field","name":"message","type":{"text":"string"},"default":"undefined","description":"The message shown beneath the input field.\nThis is often used to provide additional information or feedback to the user.","attribute":"message"},{"kind":"field","name":"min","type":{"text":"string"},"default":"undefined","description":"Sets minium date available for selection in the input field. Format `YYYY-MM-DD`.","attribute":"min"},{"kind":"field","name":"name","type":{"text":"string"},"description":"The name of the input. This is submitted with the form data as a `key`.\n\nThis attribute conforms with the standard HTML `name` attribute for input fields.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name","reflects":true,"attribute":"name"},{"kind":"field","name":"readonly","type":{"text":"boolean"},"default":"false","description":"Sets the input to read-only. A read-only field cannot be modified by the user but may be submitted with the form.","reflects":true,"attribute":"readonly"},{"kind":"field","name":"status","type":{"text":"'error'"},"default":"undefined","description":"Sets the visual status of the input. There is currently only one status available: `error`.\n\nThe `error` status is used to indicate that there is an issue with the input, such as invalid or missing data.","reflects":true,"attribute":"status"},{"kind":"field","name":"value","type":{"text":"string"},"description":"The default value of the input field, formatted as `YYYY-MM-DD`.\n\nYou can fetch the current value of the date input by accessing this property directly on the component instance, or by listening for the `change` or `input` events which are dispatched whenever the value changes.\n\nThis attribute conforms with the standard HTML `value` attribute for input fields.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value","attribute":"value"}],"events":[{"name":"change","type":{"text":"Event"},"description":"Standard DOM event with the type `change`.\nThis event is dispatched when the value of the input changes."},{"name":"input","type":{"text":"Event"},"description":"Standard DOM event with the type `input`.\nThis event is dispatched when the value of the input changes."}],"attributes":[{"name":"disabled","type":{"text":"boolean"},"default":"false","description":"Disables the input.  This changes its appearance and makes it non-interactive.","fieldName":"disabled"},{"name":"help-text","type":{"text":"string"},"default":"undefined","description":"The help-text shown above the input field.\nThis is often used to provide additional information to the user.","fieldName":"helpText"},{"name":"label","type":{"text":"string"},"default":"undefined","description":"The text that labels the input field.\nAn input field should always have a label to ensure accessibility.","fieldName":"label"},{"name":"max","type":{"text":"string"},"default":"undefined","description":"Sets maximum date available for selection in the input field. Format `YYYY-MM-DD`.","fieldName":"max"},{"name":"message","type":{"text":"string"},"default":"undefined","description":"The message shown beneath the input field.\nThis is often used to provide additional information or feedback to the user.","fieldName":"message"},{"name":"min","type":{"text":"string"},"default":"undefined","description":"Sets minium date available for selection in the input field. Format `YYYY-MM-DD`.","fieldName":"min"},{"name":"name","type":{"text":"string"},"description":"The name of the input. This is submitted with the form data as a `key`.\n\nThis attribute conforms with the standard HTML `name` attribute for input fields.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name","fieldName":"name"},{"name":"readonly","type":{"text":"boolean"},"default":"false","description":"Sets the input to read-only. A read-only field cannot be modified by the user but may be submitted with the form.","fieldName":"readonly"},{"name":"status","type":{"text":"'error'"},"default":"undefined","description":"Sets the visual status of the input. There is currently only one status available: `error`.\n\nThe `error` status is used to indicate that there is an issue with the input, such as invalid or missing data.","fieldName":"status"},{"name":"value","type":{"text":"string"},"description":"The default value of the input field, formatted as `YYYY-MM-DD`.\n\nYou can fetch the current value of the date input by accessing this property directly on the component instance, or by listening for the `change` or `input` events which are dispatched whenever the value changes.\n\nThis attribute conforms with the standard HTML `value` attribute for input fields.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value","fieldName":"value"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"fhi-date-input","customElement":true},{"kind":"variable","name":"FhiDateInputSelector","type":{"text":"string"},"default":"'fhi-date-input'"}]}