@linzjs/lui 17.33.2 → 17.35.0

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+# [17.35.0](https://github.com/linz/lui/compare/v17.34.0...v17.35.0) (2023-02-14)
+
+
+### Features
+
+* **LuiDateInput:** Add date picker ([#814](https://github.com/linz/lui/issues/814)) ([a0411b1](https://github.com/linz/lui/commit/a0411b1bd741e0f419047e011b3593ce5b166253))
+
+# [17.34.0](https://github.com/linz/lui/compare/v17.33.2...v17.34.0) (2023-02-14)
+
 ## [17.33.2](https://github.com/linz/lui/compare/v17.33.1...v17.33.2) (2023-02-10)
 
 

package/dist/assets/icons/list_view.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 17V8H3c-.8 0-1-.667-1-1V3c0-.8.667-1 1-1h10c.8 0 1 .667 1 1v4c0 .8-.667 1-1 1H7v2c0 .8.667 1 1 1h8v-1c0-.8.667-1 1-1h4c.8 0 1 .667 1 1v4c0 .8-.667 1-1 1h-4c-.8 0-1-.667-1-1v-1H7v4c0 .8.667 1 1 1h8v-1c0-.8.667-1 1-1h4c.8 0 1 .667 1 1v4c0 .8-.667 1-1 1h-4c-.8 0-1-.667-1-1v-1H8c-2.4 0-3-2-3-3Z" fill="#000"/></svg>

package/dist/assets/svg-content.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type LuiIconName = string | 'ic_account_circle' | 'ic_add' | 'ic_add_adopt' | 'ic_add_area_interest' | 'ic_add_circle' | 'ic_add_circle_outline' | 'ic_add_irregular_image' | 'ic_add_multiple' | 'ic_add_to_list' | 'ic_annotations' | 'ic_apps' | 'ic_arrow_back' | 'ic_arrow_back_ios' | 'ic_arrow_back_left' | 'ic_arrow_drop_down' | 'ic_arrow_drop_right' | 'ic_arrow_drop_up' | 'ic_arrow_forward_ios' | 'ic_arrow_forward_right' | 'ic_attach_file' | 'ic_attachment' | 'ic_auth_and_instruct' | 'ic_balance_parcel' | 'ic_blackwhite_greyscale' | 'ic_blocked' | 'ic_border_color' | 'ic_cancel_clear' | 'ic_certify_and_sign' | 'ic_change_password' | 'ic_check' | 'ic_check_circle' | 'ic_check_circle_outline' | 'ic_checklist' | 'ic_clear' | 'ic_columns' | 'ic_control_point' | 'ic_copy' | 'ic_corporate_fare' | 'ic_create' | 'ic_dealings' | 'ic_delete_outline' | 'ic_delete_solid' | 'ic_dollar_round' | 'ic_double_arrow_left' | 'ic_double_arrow_right' | 'ic_double_tick' | 'ic_drag_handle' | 'ic_drag_indicator' | 'ic_draw_irregular_line' | 'ic_enabled_users' | 'ic_error' | 'ic_error_outline' | 'ic_expand_less' | 'ic_expand_more' | 'ic_feedback_lightbulb' | 'ic_feedback_lightbulb_alt' | 'ic_file_attached' | 'ic_file_attached_outline' | 'ic_filter_list' | 'ic_flag' | 'ic_forward' | 'ic_fullscreen_frame' | 'ic_grid_view' | 'ic_history' | 'ic_hourglass' | 'ic_info' | 'ic_info_outline' | 'ic_insert_invitation' | 'ic_insert_photo' | 'ic_instruments_roles' | 'ic_keyboard_arrow_down' | 'ic_keyboard_arrow_left' | 'ic_keyboard_arrow_right' | 'ic_keyboard_arrow_up' | 'ic_launch_modal' | 'ic_launch_new window_open' | 'ic_layers' | 'ic_left' | 'ic_left_col' | 'ic_line_arc' | 'ic_line_irregular' | 'ic_line_vector' | 'ic_link' | 'ic_list_add' | 'ic_locate' | 'ic_lock' | 'ic_lock_alt' | 'ic_log_out' | 'ic_manage_adjust' | 'ic_maori_land' | 'ic_mark_linking' | 'ic_marks' | 'ic_memorials' | 'ic_menu' | 'ic_message_received' | 'ic_minimise' | 'ic_misclose_error' | 'ic_more_vert' | 'ic_navigate_before' | 'ic_navigate_next' | 'ic_note_add' | 'ic_notice_of_change' | 'ic_numbered_list' | 'ic_office_building_corporate' | 'ic_order_history' | 'ic_package' | 'ic_parcels_existing' | 'ic_parcels_new' | 'ic_pdf' | 'ic_pen_and_paper_sign' | 'ic_people_outline' | 'ic_person' | 'ic_person_add' | 'ic_picker' | 'ic_placeholder' | 'ic_plus_one' | 'ic_polygon_selection' | 'ic_pop_back' | 'ic_pre_validation' | 'ic_print' | 'ic_product_list' | 'ic_publish' | 'ic_regenerate' | 'ic_release' | 'ic_remove_circle' | 'ic_remove_circle_outline' | 'ic_request' | 'ic_requisitions' | 'ic_round_selection' | 'ic_save_download' | 'ic_saved_area_interest' | 'ic_search' | 'ic_send' | 'ic_send_email_dart' | 'ic_separator' | 'ic_settings' | 'ic_sorting_down_arrow_up' | 'ic_sorting_up_arrow_up' | 'ic_square_selection' | 'ic_subdirectory_arrow_right' | 'ic_submit' | 'ic_survey' | 'ic_survey_report' | 'ic_ta_request_sent' | 'ic_table_columns' | 'ic_tax_statement' | 'ic_tick' | 'ic_tick_and_cross' | 'ic_timeline' | 'ic_title_allocation_swap' | 'ic_tune_setting_configure' | 'ic_unlink' | 'ic_upload' | 'ic_vector' | 'ic_vector_sequence' | 'ic_view' | 'ic_view_list' | 'ic_view_quilt' | 'ic_view_sidebar' | 'ic_view_week' | 'ic_visiblity_off' | 'ic_warning' | 'ic_warning_outline' | 'ic_waves' | 'ic_whats_new_updates' | 'ic_xml_file' | 'ic_zoom_centre' | 'ic_zoom_out' | 'ic_zoom_previous';
+export declare type LuiIconName = string | 'ic_account_circle' | 'ic_add' | 'ic_add_adopt' | 'ic_add_area_interest' | 'ic_add_circle' | 'ic_add_circle_outline' | 'ic_add_irregular_image' | 'ic_add_multiple' | 'ic_add_to_list' | 'ic_annotations' | 'ic_apps' | 'ic_arrow_back' | 'ic_arrow_back_ios' | 'ic_arrow_back_left' | 'ic_arrow_drop_down' | 'ic_arrow_drop_right' | 'ic_arrow_drop_up' | 'ic_arrow_forward_ios' | 'ic_arrow_forward_right' | 'ic_attach_file' | 'ic_attachment' | 'ic_auth_and_instruct' | 'ic_balance_parcel' | 'ic_blackwhite_greyscale' | 'ic_blocked' | 'ic_border_color' | 'ic_cancel_clear' | 'ic_certify_and_sign' | 'ic_change_password' | 'ic_check' | 'ic_check_circle' | 'ic_check_circle_outline' | 'ic_checklist' | 'ic_clear' | 'ic_columns' | 'ic_control_point' | 'ic_copy' | 'ic_corporate_fare' | 'ic_create' | 'ic_dealings' | 'ic_delete_outline' | 'ic_delete_solid' | 'ic_dollar_round' | 'ic_double_arrow_left' | 'ic_double_arrow_right' | 'ic_double_tick' | 'ic_drag_handle' | 'ic_drag_indicator' | 'ic_draw_irregular_line' | 'ic_enabled_users' | 'ic_error' | 'ic_error_outline' | 'ic_expand_less' | 'ic_expand_more' | 'ic_feedback_lightbulb' | 'ic_feedback_lightbulb_alt' | 'ic_file_attached' | 'ic_file_attached_outline' | 'ic_filter_list' | 'ic_flag' | 'ic_forward' | 'ic_fullscreen_frame' | 'ic_grid_view' | 'ic_history' | 'ic_hourglass' | 'ic_info' | 'ic_info_outline' | 'ic_insert_invitation' | 'ic_insert_photo' | 'ic_instruments_roles' | 'ic_keyboard_arrow_down' | 'ic_keyboard_arrow_left' | 'ic_keyboard_arrow_right' | 'ic_keyboard_arrow_up' | 'ic_launch_modal' | 'ic_launch_new window_open' | 'ic_layers' | 'ic_left' | 'ic_left_col' | 'ic_line_arc' | 'ic_line_irregular' | 'ic_line_vector' | 'ic_link' | 'ic_list_add' | 'ic_list_view' | 'ic_locate' | 'ic_lock' | 'ic_lock_alt' | 'ic_log_out' | 'ic_manage_adjust' | 'ic_maori_land' | 'ic_mark_linking' | 'ic_marks' | 'ic_memorials' | 'ic_menu' | 'ic_message_received' | 'ic_minimise' | 'ic_misclose_error' | 'ic_more_vert' | 'ic_navigate_before' | 'ic_navigate_next' | 'ic_note_add' | 'ic_notice_of_change' | 'ic_numbered_list' | 'ic_office_building_corporate' | 'ic_order_history' | 'ic_package' | 'ic_parcels_existing' | 'ic_parcels_new' | 'ic_pdf' | 'ic_pen_and_paper_sign' | 'ic_people_outline' | 'ic_person' | 'ic_person_add' | 'ic_picker' | 'ic_placeholder' | 'ic_plus_one' | 'ic_polygon_selection' | 'ic_pop_back' | 'ic_pre_validation' | 'ic_print' | 'ic_product_list' | 'ic_publish' | 'ic_regenerate' | 'ic_release' | 'ic_remove_circle' | 'ic_remove_circle_outline' | 'ic_request' | 'ic_requisitions' | 'ic_round_selection' | 'ic_save_download' | 'ic_saved_area_interest' | 'ic_search' | 'ic_send' | 'ic_send_email_dart' | 'ic_separator' | 'ic_settings' | 'ic_sorting_down_arrow_up' | 'ic_sorting_up_arrow_up' | 'ic_square_selection' | 'ic_subdirectory_arrow_right' | 'ic_submit' | 'ic_survey' | 'ic_survey_report' | 'ic_ta_request_sent' | 'ic_table_columns' | 'ic_tax_statement' | 'ic_tick' | 'ic_tick_and_cross' | 'ic_timeline' | 'ic_title_allocation_swap' | 'ic_tune_setting_configure' | 'ic_unlink' | 'ic_upload' | 'ic_vector' | 'ic_vector_sequence' | 'ic_view' | 'ic_view_list' | 'ic_view_quilt' | 'ic_view_sidebar' | 'ic_view_week' | 'ic_visiblity_off' | 'ic_warning' | 'ic_warning_outline' | 'ic_waves' | 'ic_whats_new_updates' | 'ic_xml_file' | 'ic_zoom_centre' | 'ic_zoom_out' | 'ic_zoom_previous';
 declare type IconNameElementMap = {
     [key in LuiIconName]?: JSX.Element;
 };

package/dist/assets/svg-content.tsx

@@ -94,6 +94,7 @@ export type LuiIconName =
   | 'ic_line_vector'
   | 'ic_link'
   | 'ic_list_add'
+  | 'ic_list_view'
   | 'ic_locate'
   | 'ic_lock'
   | 'ic_lock_alt'
@@ -702,6 +703,12 @@ iconMap['ic_list_add'] = (
   </svg>
 );
 
+iconMap['ic_list_view'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5 17V8H3c-.8 0-1-.667-1-1V3c0-.8.667-1 1-1h10c.8 0 1 .667 1 1v4c0 .8-.667 1-1 1H7v2c0 .8.667 1 1 1h8v-1c0-.8.667-1 1-1h4c.8 0 1 .667 1 1v4c0 .8-.667 1-1 1h-4c-.8 0-1-.667-1-1v-1H7v4c0 .8.667 1 1 1h8v-1c0-.8.667-1 1-1h4c.8 0 1 .667 1 1v4c0 .8-.667 1-1 1h-4c-.8 0-1-.667-1-1v-1H8c-2.4 0-3-2-3-3Z" />
+  </svg>
+);
+
 iconMap['ic_locate'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Zm8.94 3A8.994 8.994 0 0 0 13 3.06V2c0-.55-.45-1-1-1s-1 .45-1 1v1.06A8.994 8.994 0 0 0 3.06 11H2c-.55 0-1 .45-1 1s.45 1 1 1h1.06A8.994 8.994 0 0 0 11 20.94V22c0 .55.45 1 1 1s1-.45 1-1v-1.06A8.994 8.994 0 0 0 20.94 13H22c.55 0 1-.45 1-1s-.45-1-1-1h-1.06ZM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7Z" />

package/dist/components/LuiFormElements/LuiDateInput/DateInput.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare type Input = JSX.IntrinsicElements['input'];
+declare type Props = Omit<Input, 'pattern' | 'type' | 'placeholder'>;
+export declare const DateInput: React.ForwardRefExoticComponent<Pick<Props, "key" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "size" | "src" | "step" | "value" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLInputElement>>;
+export default DateInput;

package/dist/components/LuiFormElements/LuiDateInput/DateInputHelper.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare type ParseOptions = {
+    allowTwoDigitYear?: boolean;
+};
+export declare const parseTextDate: (value: JSX.IntrinsicElements['input']['value'], options?: ParseOptions) => string | undefined;
+export {};

package/dist/components/LuiFormElements/LuiDateInput/LuiDateInput.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { LuiTextInput } from '../LuiTextInput/LuiTextInput';
+declare type Props = Omit<Parameters<typeof LuiTextInput>[0], 'as'>;
+export declare const LuiDateInput: ({ inputProps, ...rest }: Props) => JSX.Element;
+export {};

package/dist/components/LuiFormElements/LuiTextInput/LuiTextInput.d.ts

@@ -1,7 +1,7 @@
 import { ChangeEventHandler, DetailedHTMLProps, InputHTMLAttributes } from 'react';
 export interface LuiTextInputProps {
     onChange?: ChangeEventHandler<HTMLInputElement>;
-    inputProps?: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+    inputProps?: Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'ref'>;
     error?: string;
     warning?: string;
     hideLabel?: boolean;

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export { LuiFileInputBox } from './components/LuiFormElements/LuiFileInputBox/Lu
 export { LuiSelectInput } from './components/LuiFormElements/LuiSelectInput/LuiSelectInput';
 export { LuiTextAreaInput } from './components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput';
 export { LuiTextInput } from './components/LuiFormElements/LuiTextInput/LuiTextInput';
+export { LuiDateInput } from './components/LuiFormElements/LuiDateInput/LuiDateInput';
 export { LuiRadioInput } from './components/LuiFormElements/LuiRadioInput/LuiRadioInput';
 export { LuiFormikCheckbox } from './components/LuiFormikForms/LuiFormikCheckbox/LuiFormikCheckbox';
 export { LuiFormikTextInput } from './components/LuiFormikForms/LuiFormikTextInput/LuiFormikTextInput';

package/dist/index.js

@@ -335,6 +335,8 @@ iconMap['ic_link'] = (React__default["default"].createElement("svg", { xmlns: "h
 iconMap['ic_list_add'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("path", { d: "M21.02 5H19V2.98c0-.54-.44-.98-.98-.98h-.03c-.55 0-.99.44-.99.98V5h-2.01c-.54 0-.98.44-.99.98v.03c0 .55.44.99.99.99H17v2.01c0 .54.44.99.99.98h.03c.54 0 .98-.44.98-.98V7h2.02c.54 0 .98-.44.98-.98v-.04c0-.54-.44-.98-.98-.98ZM18 12c-.55 0-1 .45-1 1v5.22c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1Z" }),
     React__default["default"].createElement("path", { d: "M7 10c0-.55.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1-.45-1-1Zm1 2c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1H8Zm-1 4c0-.55.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1-.45-1-1Z" })));
+iconMap['ic_list_view'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default["default"].createElement("path", { d: "M5 17V8H3c-.8 0-1-.667-1-1V3c0-.8.667-1 1-1h10c.8 0 1 .667 1 1v4c0 .8-.667 1-1 1H7v2c0 .8.667 1 1 1h8v-1c0-.8.667-1 1-1h4c.8 0 1 .667 1 1v4c0 .8-.667 1-1 1h-4c-.8 0-1-.667-1-1v-1H7v4c0 .8.667 1 1 1h8v-1c0-.8.667-1 1-1h4c.8 0 1 .667 1 1v4c0 .8-.667 1-1 1h-4c-.8 0-1-.667-1-1v-1H8c-2.4 0-3-2-3-3Z" })));
 iconMap['ic_locate'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("path", { d: "M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Zm8.94 3A8.994 8.994 0 0 0 13 3.06V2c0-.55-.45-1-1-1s-1 .45-1 1v1.06A8.994 8.994 0 0 0 3.06 11H2c-.55 0-1 .45-1 1s.45 1 1 1h1.06A8.994 8.994 0 0 0 11 20.94V22c0 .55.45 1 1 1s1-.45 1-1v-1.06A8.994 8.994 0 0 0 20.94 13H22c.55 0 1-.45 1-1s-.45-1-1-1h-1.06ZM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7Z" })));
 iconMap['ic_lock'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 22" },
@@ -11931,9 +11933,9 @@ function identifier$1(index) {
   return slice$1(index, position$1);
 }
 function compile$1(value) {
-  return dealloc$1(parse$3("", null, null, null, [""], value = alloc$1(value), 0, [0], value));
+  return dealloc$1(parse$4("", null, null, null, [""], value = alloc$1(value), 0, [0], value));
 }
-function parse$3(value, root2, parent2, rule, rules, rulesets, pseudo, points, declarations) {
+function parse$4(value, root2, parent2, rule, rules, rulesets, pseudo, points, declarations) {
   var index = 0;
   var offset = 0;
   var length2 = pseudo;
@@ -12000,16 +12002,16 @@ function parse$3(value, root2, parent2, rule, rules, rulesets, pseudo, points, d
             append$1(reference = ruleset$1(characters2, root2, parent2, index, offset, rules, points, type, props = [], children = [], length2), rulesets);
             if (character2 === 123)
               if (offset === 0)
-                parse$3(characters2, root2, reference, reference, props, rulesets, length2, points, children);
+                parse$4(characters2, root2, reference, reference, props, rulesets, length2, points, children);
               else
                 switch (atrule) {
                   case 100:
                   case 109:
                   case 115:
-                    parse$3(value, reference, reference, rule && append$1(ruleset$1(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2), children), rules, children, length2, points, rule ? props : children);
+                    parse$4(value, reference, reference, rule && append$1(ruleset$1(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2), children), rules, children, length2, points, rule ? props : children);
                     break;
                   default:
-                    parse$3(characters2, reference, reference, reference, [""], children, 0, points, children);
+                    parse$4(characters2, reference, reference, reference, [""], children, 0, points, children);
                 }
         }
         index = offset = property2 = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
@@ -14253,7 +14255,7 @@ var parseValue = function (value) {
     return null
 };
 
-var parse$2 = function (rule) { return rule.split(' ').map(parseValue); };
+var parse$3 = function (rule) { return rule.split(' ').map(parseValue); };
 
 var getSizeAtTrack = function (index, tracks, gap, end) {
     if ( gap === void 0 ) { gap = 0; }
@@ -14474,12 +14476,12 @@ Gutter.prototype.getRawComputedGap = function getRawComputedGap () {
 
 Gutter.prototype.setTracks = function setTracks (raw) {
     this.tracks = raw.split(' ');
-    this.trackValues = parse$2(raw);
+    this.trackValues = parse$3(raw);
 };
 
 Gutter.prototype.setComputedTracks = function setComputedTracks (raw) {
     this.computedTracks = raw.split(' ');
-    this.computedPixels = parse$2(raw);
+    this.computedPixels = parse$3(raw);
 };
 
 Gutter.prototype.setGap = function setGap (raw) {
@@ -15568,20 +15570,110 @@ function v4(options, buf, offset) {
   return stringify$1(rnds);
 }
 
+var mapFromDigits = function (value) {
+    var trimmed = value.split(' ').join();
+    var hasEightChars = trimmed.length === 8;
+    var isNumber = !isNaN(Number(trimmed));
+    if (isNumber && hasEightChars) {
+        return "".concat(trimmed.slice(0, 2), "/").concat(trimmed.slice(2, 4), "/").concat(trimmed.slice(4));
+    }
+    return value;
+};
+var mapFromValidFormat = function (value) {
+    // Valid format refers to yyyy-mm-dd
+    var validDate = value.slice(0, 10);
+    if (validDate.length !== 10) {
+        return value;
+    }
+    var elements = validDate.split('-');
+    if (elements.length !== 3) {
+        return value;
+    }
+    var yyyy = elements[0], mm = elements[1], dd = elements[2];
+    var isDay = dd.length === 2 && !isNaN(Number(dd));
+    var isMonth = mm.length === 2 && !isNaN(Number(mm));
+    var isYear = yyyy.length === 4 && !isNaN(Number(yyyy));
+    if (isDay && isMonth && isYear) {
+        return "".concat(dd, "/").concat(mm, "/").concat(yyyy);
+    }
+    return value;
+};
+var parse$2 = function (value, options) {
+    value = mapFromDigits(value);
+    value = mapFromValidFormat(value);
+    var arr = value
+        .split(/-|\//)
+        .filter(Boolean)
+        .map(function (val) { return Number(val); });
+    if (arr.length !== 3) {
+        return;
+    }
+    if (arr.some(function (val) { return isNaN(val); })) {
+        return;
+    }
+    var dd = arr[0], mm = arr[1], yyyy = arr[2];
+    if (String(yyyy).length !== 4) {
+        if (yyyy <= 99 && (options === null || options === void 0 ? void 0 : options.allowTwoDigitYear)) {
+            return parse$2("".concat(dd, "/").concat(mm, "/20").concat(yyyy.toString().padStart(2, '0')));
+        }
+        return;
+    }
+    var day = String(dd).padStart(2, '0');
+    var month = String(mm).padStart(2, '0');
+    var year = String(yyyy);
+    var date = new Date("".concat(year, "-").concat(month, "-").concat(day));
+    if (date.toString() === 'Invalid Date') {
+        return;
+    }
+    var result = date.toISOString().split('T')[0];
+    var _a = result.split('-'), convertedYear = _a[0], convertedMonth = _a[1], convertedDay = _a[2];
+    var isDayMatch = convertedDay === day;
+    var isMonthMatch = convertedMonth === month;
+    var isYearMatch = convertedYear === year;
+    var isValidDate = [isDayMatch, isMonthMatch, isYearMatch].every(Boolean);
+    return isValidDate ? result : undefined;
+};
+var parseTextDate = function (value, options) {
+    if (!value || typeof value !== 'string') {
+        return;
+    }
+    try {
+        return parse$2(value, options);
+    }
+    catch (_a) {
+        return;
+    }
+};
+
+var DateInput = React$1.forwardRef(function (props, ref) {
+    var valueProp = props.value, onChangeProp = props.onChange, onPasteProp = props.onPaste, inputProps = __rest$1(props, ["value", "onChange", "onPaste"]);
+    var value = parseTextDate(valueProp);
+    return (React__default["default"].createElement("input", __assign$3({}, inputProps, { ref: ref, pattern: "d{2}/d{2}/d{4}", placeholder: "dd/mm/yyyy", type: 'date', value: value, onChange: function (e) { return onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(e); }, onPaste: function (e) {
+            var data = e.clipboardData.getData('text');
+            var parsedValue = parseTextDate(data, { allowTwoDigitYear: true });
+            if (parsedValue) {
+                e.currentTarget.value = parsedValue;
+            }
+            onPasteProp === null || onPasteProp === void 0 ? void 0 : onPasteProp(e);
+        } })));
+});
+
 function useGenerateOrDefaultId(idFromProps) {
     var id = React$1.useState(idFromProps ? idFromProps : v4())[0];
     return id;
 }
+var BareInput = function (props) { return (React__default["default"].createElement("input", __assign$3({}, props))); };
 var LuiTextInput = function (props) {
-    var _a;
+    var _a, _b, _c;
     var id = useGenerateOrDefaultId((_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.id);
+    var LuiInput = ((_b = props.inputProps) === null || _b === void 0 ? void 0 : _b.type) === 'date' ? DateInput : BareInput;
     return (React__default["default"].createElement("div", { className: clsx$1('LuiTextInput', props.error && 'hasError', props.warning && 'hasWarning', props.className) },
         React__default["default"].createElement("label", { className: 'LuiTextInput-label', htmlFor: id },
             props.mandatory && React__default["default"].createElement("span", { className: "LuiTextInput-mandatory" }, "*"),
             React__default["default"].createElement("span", { className: 'LuiTextInput-label-text ' +
                     clsx$1(props.hideLabel ? 'LuiScreenReadersOnly' : '') }, props.label),
             React__default["default"].createElement("span", { className: "LuiTextInput-inputWrapper" },
-                React__default["default"].createElement("input", __assign$3({ type: 'text', className: clsx$1('LuiTextInput-input', props.showPadlockIcon ? 'LuiTextInput-padlock-icon ' : '', props.size ? "LuiTextInput-".concat(props.size) : ''), min: "0", value: props.value, onChange: props.onChange }, props.inputProps, { id: id })),
+                React__default["default"].createElement(LuiInput, __assign$3({ className: clsx$1('LuiTextInput-input', props.showPadlockIcon ? 'LuiTextInput-padlock-icon ' : '', props.size ? "LuiTextInput-".concat(props.size) : ''), min: ((_c = props.inputProps) === null || _c === void 0 ? void 0 : _c.type) === 'date' ? undefined : '0', value: props.value, onChange: props.onChange }, props.inputProps, { id: id })),
                 props.icon),
             props.error && (React__default["default"].createElement("span", { className: "LuiTextInput-error" },
                 React__default["default"].createElement(LuiIcon, { alt: "error", name: "ic_error", className: "LuiTextInput-error-icon", size: "sm", status: "error" }),
@@ -15727,6 +15819,12 @@ var LuiTextAreaInput = function (props) {
             props.error))));
 };
 
+var LuiDateInput = function (_a) {
+    var inputProps = _a.inputProps, rest = __rest$1(_a, ["inputProps"]);
+    var mapped = __assign$3({ inputProps: __assign$3(__assign$3({}, inputProps), { type: 'date' }) }, rest);
+    return React__default["default"].createElement(LuiTextInput, __assign$3({}, mapped));
+};
+
 // @NOTE Can use LuiRadioInput in block form and pass through your own legend (label)
 var LuiRadioInput = function (props) {
     var _a;
@@ -58456,6 +58554,7 @@ exports.LuiCloseableHeaderMenuItem = LuiCloseableHeaderMenuItem;
 exports.LuiCloseableHeaderMenuItemV2 = LuiCloseableHeaderMenuItemV2;
 exports.LuiComboSelect = LuiComboSelect;
 exports.LuiControlledMenu = LuiControlledMenu;
+exports.LuiDateInput = LuiDateInput;
 exports.LuiDrawerMenu = LuiDrawerMenu;
 exports.LuiDrawerMenuDivider = LuiDrawerMenuDivider;
 exports.LuiDrawerMenuDividerV2 = LuiDrawerMenuDividerV2;