carbon-react 154.13.8 → 155.0.0

package/esm/components/date/__internal__/date-picker/date-picker.component.d.ts

@@ -4,7 +4,10 @@ export interface PickerProps extends Omit<DayPickerProps, "mode" | "modifiers">
     modifiers?: Partial<Modifiers>;
 }
 export interface DatePickerProps {
-    /** Boolean to toggle where DatePicker is rendered in relation to the Date Input */
+    /**
+     * [Legacy] Boolean to toggle where DatePicker is rendered in relation to the Date Input
+     * @deprecated
+     */
     disablePortal?: boolean;
     /** Minimum possible date YYYY-MM-DD */
     minDate?: string;

package/esm/components/date/__internal__/date-picker/date-picker.component.js

@@ -1 +1 @@
-import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{offset as o,flip as n}from"@floating-ui/dom";import{useState as l,useMemo as a,useRef as i,useCallback as c,useContext as u,useEffect as s}from"react";import{DayPicker as d,defaultLocale as p}from"react-day-picker";import m from"../../../../hooks/__internal__/useLocale/useLocale.js";import y from"../../../../__internal__/popover/popover.component.js";import{Navbar as f}from"../navbar/navbar.component.js";import{Weekday as b}from"../weekday/weekday.component.js";import{getDisabledDays as v}from"../utils.js";import{defaultFocusableSelectors as O}from"../../../../__internal__/focus-trap/focus-trap-utils.js";import h from"../../../../__internal__/utils/helpers/events/events.js";import g from"../../../flat-table/__internal__/flat-table.context.js";import j from"./day-picker.style.js";function w(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){w(e,t,r[t])}))}return e}const D=[o(3),n({fallbackStrategy:"initialPlacement"})],_=f,P=({inputElement:o,minDate:n,maxDate:f,selectedDays:w,disablePortal:P,onDayClick:S,pickerMouseDown:x,pickerProps:q,open:K,setOpen:M,pickerTabGuardId:T,onPickerClose:A,ariaLabel:C,ariaLabelledBy:E})=>{const[F,I]=l(w||new Date),L=m(),{localize:N,options:z}=L.date.dateFnsLocale(),{weekStartsOn:W}=z||{},B=a((()=>Array.from({length:7}).map(((e,t)=>null==N?void 0:N.day(t)))),[N]),U=a((()=>{const e=e=>L.locale().includes(e);return Array.from({length:7}).map(((t,r)=>null==N?void 0:N.day(r,["de","pl"].some(e)?{width:"wide"}:{width:"abbreviated"}).substring(0,e("de")?2:3)))}),[L,N]),$=i(null),G=c((e=>{var t,r;K&&h.isEscKey(e)&&(I(w),null===(r=o.current)||void 0===r||null===(t=r.querySelector("input"))||void 0===t||t.focus(),M(!1),null==A||A(),e.stopPropagation())}),[o,A,K,w,M]),{isInFlatTable:H,setHasOpenDatePicker:Y}=u(g);return s((()=>{null==Y||Y(!!K)}),[K,Y]),s((()=>{w&&I(w)}),[w]),s((()=>{!K&&w&&(null==F?void 0:F.getMonth())!==(null==w?void 0:w.getMonth())&&I(w)}),[F,K,w]),K?e(t,{children:e(y,{placement:"bottom-start",reference:o,middleware:D,disablePortal:P,disableBackgroundUI:H,children:r(j,{id:"styled-day-picker","data-role":"date-picker",ref:$,onMouseDown:x,onKeyUp:G,onKeyDown:e=>{var t,r,n;(null===(t=$.current)||void 0===t?void 0:t.querySelector(".rdp-nav button"))===document.activeElement&&h.isTabKey(e)&&h.isShiftKey(e)&&(e.preventDefault(),M(!1),null==A||A(),null===(n=o.current)||void 0===n||null===(r=n.querySelector("input"))||void 0===r||r.focus())},role:"region","aria-label":C,"aria-labelledby":E,children:[e("div",{id:T,tabIndex:0,onFocus:()=>{var e,t;null===(t=$.current)||void 0===t||null===(e=t.querySelector("button"))||void 0===e||e.focus()}}),e(d,(J=k({formatters:{formatCaption:e=>`${null==N?void 0:N.month(e.getMonth())} ${e.getFullYear()}`},required:!1,weekStartsOn:W,onMonthChange:I,disabled:v(n,f),locale:{localize:k({},p.localize)},selected:w,month:F||new Date,onDayClick:(e,t,r)=>{((e,t)=>{e&&(null==S||S(e,t)),null==A||A()})(e,r)},components:{Nav:_,Weekday:t=>{const{className:r,"aria-label":o}=t,n={Sunday:0,Monday:1,Tuesday:2,Wednesday:3,Thursday:4,Friday:5,Saturday:6}[o];return e(b,{className:r,title:B[n],children:U[n]})}},fixedWeeks:!0,defaultMonth:w||void 0,onDayKeyDown:(e,t,r)=>{var n;n=r,setTimeout((()=>{if(h.isTabKey(n)&&!h.isShiftKey(n)){var e;n.preventDefault(),M(!1),null==A||A();const l=null===(e=o.current)||void 0===e?void 0:e.querySelector("input");if(l){var t,r;const e=Array.from(document.querySelectorAll(O)||[]),o=Array.from((null===(t=$.current)||void 0===t?void 0:t.querySelectorAll("button, [tabindex]"))||[]),n=e.filter((e=>-1!==Number(e.tabIndex)&&!o.includes(e))),a=n.indexOf(l)+1;null===(r=n[a])||void 0===r||r.focus()}}}),0)}},q),Q={showOutsideDays:!0,mode:"single"},Q=null!=Q?Q:{},Object.getOwnPropertyDescriptors?Object.defineProperties(J,Object.getOwnPropertyDescriptors(Q)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(Q)).forEach((function(e){Object.defineProperty(J,e,Object.getOwnPropertyDescriptor(Q,e))})),J))]})})}):null;var J,Q};P.displayName="DatePicker";export{P as DatePicker,P as default};
+import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{offset as o,flip as n}from"@floating-ui/dom";import{useState as l,useMemo as a,useRef as i,useCallback as c,useContext as s,useEffect as u}from"react";import{DayPicker as d,defaultLocale as p}from"react-day-picker";import m from"../../../../hooks/__internal__/useLocale/useLocale.js";import y from"../../../../__internal__/popover/popover.component.js";import{Navbar as f}from"../navbar/navbar.component.js";import{Weekday as b}from"../weekday/weekday.component.js";import{getDisabledDays as v}from"../utils.js";import{defaultFocusableSelectors as O}from"../../../../__internal__/focus-trap/focus-trap-utils.js";import g from"../../../../__internal__/utils/helpers/events/events.js";import h from"../../../flat-table/__internal__/flat-table.context.js";import j from"../../../../__internal__/utils/logger/index.js";import w from"./day-picker.style.js";function _(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){_(e,t,r[t])}))}return e}const D=[o(3),n({fallbackStrategy:"initialPlacement"})],P=f;let S=!1;const x=({inputElement:o,minDate:n,maxDate:f,selectedDays:_,disablePortal:x=!0,onDayClick:q,pickerMouseDown:K,pickerProps:M,open:T,setOpen:A,pickerTabGuardId:I,onPickerClose:C,ariaLabel:E,ariaLabelledBy:F})=>{!S&&x&&(S=!0,j.deprecate("`disablePortal` is deprecated in DateInput and DateRange, and support will soon be removed."));const[L,N]=l(_||new Date),z=m(),{localize:W,options:B}=z.date.dateFnsLocale(),{weekStartsOn:U}=B||{},$=a((()=>Array.from({length:7}).map(((e,t)=>null==W?void 0:W.day(t)))),[W]),G=a((()=>{const e=e=>z.locale().includes(e);return Array.from({length:7}).map(((t,r)=>null==W?void 0:W.day(r,["de","pl"].some(e)?{width:"wide"}:{width:"abbreviated"}).substring(0,e("de")?2:3)))}),[z,W]),H=i(null),R=c((e=>{var t,r;T&&g.isEscKey(e)&&(N(_),null===(r=o.current)||void 0===r||null===(t=r.querySelector("input"))||void 0===t||t.focus(),A(!1),null==C||C(),e.stopPropagation())}),[o,C,T,_,A]),{isInFlatTable:Y,setHasOpenDatePicker:J}=s(h);return u((()=>{null==J||J(!!T)}),[T,J]),u((()=>{_&&N(_)}),[_]),u((()=>{!T&&_&&(null==L?void 0:L.getMonth())!==(null==_?void 0:_.getMonth())&&N(_)}),[L,T,_]),T?e(t,{children:e(y,{placement:"bottom-start",reference:o,middleware:D,disablePortal:x,disableBackgroundUI:Y,children:r(w,{id:"styled-day-picker","data-role":"date-picker",ref:H,onMouseDown:K,onKeyUp:R,onKeyDown:e=>{var t,r,n;(null===(t=H.current)||void 0===t?void 0:t.querySelector(".rdp-nav button"))===document.activeElement&&g.isTabKey(e)&&g.isShiftKey(e)&&(e.preventDefault(),A(!1),null==C||C(),null===(n=o.current)||void 0===n||null===(r=n.querySelector("input"))||void 0===r||r.focus())},role:"region","aria-label":E,"aria-labelledby":F,children:[e("div",{id:I,tabIndex:0,onFocus:()=>{var e,t;null===(t=H.current)||void 0===t||null===(e=t.querySelector("button"))||void 0===e||e.focus()}}),e(d,(Q=k({formatters:{formatCaption:e=>`${null==W?void 0:W.month(e.getMonth())} ${e.getFullYear()}`},required:!1,weekStartsOn:U,onMonthChange:N,disabled:v(n,f),locale:{localize:k({},p.localize)},selected:_,month:L||new Date,onDayClick:(e,t,r)=>{((e,t)=>{e&&(null==q||q(e,t)),null==C||C()})(e,r)},components:{Nav:P,Weekday:t=>{const{className:r,"aria-label":o}=t,n={Sunday:0,Monday:1,Tuesday:2,Wednesday:3,Thursday:4,Friday:5,Saturday:6}[o];return e(b,{className:r,title:$[n],children:G[n]})}},fixedWeeks:!0,defaultMonth:_||void 0,onDayKeyDown:(e,t,r)=>{var n;n=r,setTimeout((()=>{if(g.isTabKey(n)&&!g.isShiftKey(n)){var e;n.preventDefault(),A(!1),null==C||C();const l=null===(e=o.current)||void 0===e?void 0:e.querySelector("input");if(l){var t,r;const e=Array.from(document.querySelectorAll(O)||[]),o=Array.from((null===(t=H.current)||void 0===t?void 0:t.querySelectorAll("button, [tabindex]"))||[]),n=e.filter((e=>-1!==Number(e.tabIndex)&&!o.includes(e))),a=n.indexOf(l)+1;null===(r=n[a])||void 0===r||r.focus()}}}),0)}},M),V={showOutsideDays:!0,mode:"single"},V=null!=V?V:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Q,Object.getOwnPropertyDescriptors(V)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(V)).forEach((function(e){Object.defineProperty(Q,e,Object.getOwnPropertyDescriptor(V,e))})),Q))]})})}):null;var Q,V};x.displayName="DatePicker";export{x as DatePicker,x as default};

package/esm/components/date/date.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useMemo as a,useContext as o,useState as l,useCallback as i,useEffect as u}from"react";import{isValidLocaleDate as s,checkISOFormatAndLength as c,parseISODate as p,parseDate as d,findMatchedFormatAndValue as m,isDateValid as f,additionalYears as b,formattedValue as y,getSeparator as O,formatToISO as v}from"./__internal__/utils.js";import g from"../../hooks/__internal__/useLocale/useLocale.js";import _ from"../../__internal__/utils/helpers/events/events.js";import"../../style/utils/filter-styled-system-padding-props.js";import j from"../../style/utils/filter-styled-system-margin-props.js";import k from"../../style/utils/filter-out-styled-system-spacing-props.js";import P from"./__internal__/date-formats/index.js";import h from"./date.style.js";import{Textbox as w}from"../textbox/textbox.component.js";import{DatePicker as D}from"./__internal__/date-picker/date-picker.component.js";import x from"../date-range/__internal__/date-range.context.js";import L from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import C from"../../__internal__/utils/helpers/guid/index.js";import B from"../../__internal__/utils/helpers/tags/tags.js";function W(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function F(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){W(e,t,r[t])}))}return e}function A(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const I=r.forwardRef(((r,W)=>{var{adaptiveLabelBreakpoint:I,allowEmptyValue:S,autoFocus:E,"data-element":K,"data-role":V,disabled:M,disablePortal:z=!1,helpAriaLabel:R,labelInline:N,minDate:T,maxDate:q,onBlur:G,onChange:U,onClick:$,onFocus:H,onKeyDown:J,pickerProps:Q,readOnly:X,size:Y="medium",tooltipPosition:Z,value:ee,inputWidth:te,labelWidth:re,maxWidth:ne,inputName:ae,onPickerClose:oe,onPickerOpen:le,dateFormatOverride:ie,datePickerAriaLabel:ue,datePickerAriaLabelledBy:se}=r,ce=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(r,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","dateFormatOverride","datePickerAriaLabel","datePickerAriaLabelledBy"]);const pe=n(null),de=n(null),me=n(null),fe=n(!1),be=n(!1),ye=n(!1),Oe=g(),{dateFnsLocale:ve,dateFormatOverride:ge}=Oe.date,{format:_e,formats:je}=a((()=>P(ve(),ie||ge)),[ve,ge,ie]),{inputRefMap:ke,setInputRefMap:Pe}=o(x),[he,we]=l(!1),[De,xe]=l((()=>{if(s(ee,ve()))return c(ee)?p(ee):d(_e,ee)})),Le=n(!0),Ce=n(C()),Be=e=>S&&!e.length?e:null,We=e=>{const{id:t,name:r}=e.target,[n,a]=m(e.target.value,je),o="blur"===e.type?y(_e,De):e.target.value,l=f(d(n,a))?v(...b(n,a)):Be(e.target.value);return{target:A(F({},r&&{name:r},t&&{id:t}),{value:{formattedValue:o,rawValue:l}})}},Fe=L((()=>{var e,t;he&&(fe.current=!0,null===(e=me.current)||void 0===e||e.focus(),be.current=!1,null===(t=me.current)||void 0===t||t.blur(),we(!1),null==oe||oe(),fe.current=!1)}),"mousedown"),Ae=i((e=>{he&&_.isEscKey(e)&&(we(!1),null==oe||oe(),e.stopPropagation())}),[oe,he]),Ie=e=>{$&&$(e)},Se=i((e=>{var t;me.current=e,de.current=null==e?void 0:e.parentElement,W&&("function"==typeof W?W(e):W.current=e),ae&&(null==ke||null===(t=ke[ae])||void 0===t?void 0:t.setOpen)!==we&&(null==Pe||Pe({[ae]:{isBlurBlocked:be,setOpen:we}}))}),[ae,ke,Pe,W]);u((()=>{const[e,t]=m(ee,je);e&&t&&f(d(e,t))?xe(d(...b(e,t))):c(ee)&&Le.current?xe(p(ee)):xe(void 0)}),[ee,je]);const Ee=j(ce);return e(h,A(F(A(F({ref:pe,role:"presentation",size:Y,labelInline:N},Ee),{applyDateRangeStyling:!!ke,maxWidth:ne,inputWidth:te}),B("date",{"data-element":K,"data-role":V})),{children:[t(w,A(F({},k(ce)),{"data-component":"date-input",value:(()=>{if(c(ee)&&Le.current)return y(_e,p(ee));const e=O(ee),t=O(_e),r=()=>ee.split("").map((r=>r===e?t:r)).join("");if(Le.current&&e!==t&&f(d(_e,r()))){Le.current=!1;const[e,t]=m(r(),je);return y(_e,d(...b(e,t)))}return ee})(),onBlur:e=>{if(M||X)return;let t;if(f(De)){t=We(e);const r=c(ee)?y(_e,p(ee)):ee,[,n]=m(r,je);y(_e,De)!==n&&U(t)}else{const{id:r,name:n}=e.target;t={target:A(F({},n&&{name:n},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:Be(e.target.value)}})}}be.current||G&&G(t)},onChange:e=>{Le.current=!1,U(We(e))},onClick:Ie,onFocus:e=>{M||X||(be.current=!1,he||fe.current?fe.current=!1:(we(!0),null==le||le()),H&&H(e))},onKeyUp:Ae,onKeyDown:e=>{if(J&&J(e),he&&_.isTabKey(e)){if(_.isShiftKey(e))we(!1),null==oe||oe();else if(!z){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${Ce.current}"]`))||void 0===t||t.focus()}fe.current=!1}},iconOnClick:Ie,onMouseDown:()=>{Fe(),Pe&&(be.current=!0),he||(we(!0),null==le||le())},iconOnMouseDown:()=>{be.current=!0,fe.current=!0,Fe(),he?(we(!1),null==oe||oe()):(we(!0),null==le||le())},inputIcon:"calendar",labelInline:N,ref:Se,adaptiveLabelBreakpoint:I,tooltipPosition:Z,helpAriaLabel:R,autoFocus:E,size:Y,disabled:M,readOnly:X,inputWidth:te,labelWidth:re,maxWidth:ne,m:0})),t(D,{disablePortal:z,inputElement:de,pickerProps:Q,selectedDays:De,onDayClick:(e,t)=>{var r;xe(e),U(We(A(F({},t),{target:A(F({},t.target),{value:y(_e,e)})}))),ye.current=!0,null===(r=me.current)||void 0===r||r.focus(),we(!1)},minDate:T,maxDate:q,pickerMouseDown:()=>{be.current=!0,Fe()},open:he,setOpen:we,pickerTabGuardId:Ce.current,onPickerClose:oe,ariaLabel:ue,ariaLabelledBy:se})]}))}));I.displayName="DateInput";export{I as DateInput,I as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useMemo as a,useContext as o,useState as l,useCallback as i,useEffect as u}from"react";import{isValidLocaleDate as s,checkISOFormatAndLength as c,parseISODate as p,parseDate as d,findMatchedFormatAndValue as m,isDateValid as f,additionalYears as b,formattedValue as y,getSeparator as O,formatToISO as v}from"./__internal__/utils.js";import g from"../../hooks/__internal__/useLocale/useLocale.js";import _ from"../../__internal__/utils/helpers/events/events.js";import"../../style/utils/filter-styled-system-padding-props.js";import j from"../../style/utils/filter-styled-system-margin-props.js";import k from"../../style/utils/filter-out-styled-system-spacing-props.js";import P from"./__internal__/date-formats/index.js";import h from"./date.style.js";import{Textbox as w}from"../textbox/textbox.component.js";import{DatePicker as D}from"./__internal__/date-picker/date-picker.component.js";import x from"../date-range/__internal__/date-range.context.js";import L from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import C from"../../__internal__/utils/helpers/guid/index.js";import B from"../../__internal__/utils/helpers/tags/tags.js";function W(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function F(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){W(e,t,r[t])}))}return e}function A(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const S=r.forwardRef(((r,W)=>{var{adaptiveLabelBreakpoint:S,allowEmptyValue:E,autoFocus:I,"data-element":K,"data-role":V,disabled:M,disablePortal:z=!0,helpAriaLabel:R,labelInline:N,minDate:T,maxDate:q,onBlur:G,onChange:U,onClick:$,onFocus:H,onKeyDown:J,pickerProps:Q,readOnly:X,size:Y="medium",tooltipPosition:Z,value:ee,inputWidth:te,labelWidth:re,maxWidth:ne,inputName:ae,onPickerClose:oe,onPickerOpen:le,dateFormatOverride:ie,datePickerAriaLabel:ue,datePickerAriaLabelledBy:se}=r,ce=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(r,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","dateFormatOverride","datePickerAriaLabel","datePickerAriaLabelledBy"]);const pe=n(null),de=n(null),me=n(null),fe=n(!1),be=n(!1),ye=n(!1),Oe=g(),{dateFnsLocale:ve,dateFormatOverride:ge}=Oe.date,{format:_e,formats:je}=a((()=>P(ve(),ie||ge)),[ve,ge,ie]),{inputRefMap:ke,setInputRefMap:Pe}=o(x),[he,we]=l(!1),[De,xe]=l((()=>{if(s(ee,ve()))return c(ee)?p(ee):d(_e,ee)})),Le=n(!0),Ce=n(C()),Be=e=>E&&!e.length?e:null,We=e=>{const{id:t,name:r}=e.target,[n,a]=m(e.target.value,je),o="blur"===e.type?y(_e,De):e.target.value,l=f(d(n,a))?v(...b(n,a)):Be(e.target.value);return{target:A(F({},r&&{name:r},t&&{id:t}),{value:{formattedValue:o,rawValue:l}})}},Fe=L((()=>{var e,t;he&&(fe.current=!0,null===(e=me.current)||void 0===e||e.focus(),be.current=!1,null===(t=me.current)||void 0===t||t.blur(),we(!1),null==oe||oe(),fe.current=!1)}),"mousedown"),Ae=i((e=>{he&&_.isEscKey(e)&&(we(!1),null==oe||oe(),e.stopPropagation())}),[oe,he]),Se=e=>{$&&$(e)},Ee=i((e=>{var t;me.current=e,de.current=null==e?void 0:e.parentElement,W&&("function"==typeof W?W(e):W.current=e),ae&&(null==ke||null===(t=ke[ae])||void 0===t?void 0:t.setOpen)!==we&&(null==Pe||Pe({[ae]:{isBlurBlocked:be,setOpen:we}}))}),[ae,ke,Pe,W]);u((()=>{const[e,t]=m(ee,je);e&&t&&f(d(e,t))?xe(d(...b(e,t))):c(ee)&&Le.current?xe(p(ee)):xe(void 0)}),[ee,je]);const Ie=j(ce);return e(h,A(F(A(F({ref:pe,role:"presentation",size:Y,labelInline:N},Ie),{applyDateRangeStyling:!!ke,maxWidth:ne,inputWidth:te}),B("date",{"data-element":K,"data-role":V})),{children:[t(w,A(F({},k(ce)),{"data-component":"date-input",value:(()=>{if(c(ee)&&Le.current)return y(_e,p(ee));const e=O(ee),t=O(_e),r=()=>ee.split("").map((r=>r===e?t:r)).join("");if(Le.current&&e!==t&&f(d(_e,r()))){Le.current=!1;const[e,t]=m(r(),je);return y(_e,d(...b(e,t)))}return ee})(),onBlur:e=>{if(M||X)return;let t;if(f(De)){t=We(e);const r=c(ee)?y(_e,p(ee)):ee,[,n]=m(r,je);y(_e,De)!==n&&U(t)}else{const{id:r,name:n}=e.target;t={target:A(F({},n&&{name:n},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:Be(e.target.value)}})}}be.current||G&&G(t)},onChange:e=>{Le.current=!1,U(We(e))},onClick:Se,onFocus:e=>{M||X||(be.current=!1,he||fe.current?fe.current=!1:(we(!0),null==le||le()),H&&H(e))},onKeyUp:Ae,onKeyDown:e=>{if(J&&J(e),he&&_.isTabKey(e)){if(_.isShiftKey(e))we(!1),null==oe||oe();else if(!z){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${Ce.current}"]`))||void 0===t||t.focus()}fe.current=!1}},iconOnClick:Se,onMouseDown:()=>{Fe(),Pe&&(be.current=!0),he||(we(!0),null==le||le())},iconOnMouseDown:()=>{be.current=!0,fe.current=!0,Fe(),he?(we(!1),null==oe||oe()):(we(!0),null==le||le())},inputIcon:"calendar",labelInline:N,ref:Ee,adaptiveLabelBreakpoint:S,tooltipPosition:Z,helpAriaLabel:R,autoFocus:I,size:Y,disabled:M,readOnly:X,inputWidth:te,labelWidth:re,maxWidth:ne,m:0})),t(D,{disablePortal:z,inputElement:de,pickerProps:Q,selectedDays:De,onDayClick:(e,t)=>{var r;xe(e),U(We(A(F({},t),{target:A(F({},t.target),{value:y(_e,e)})}))),ye.current=!0,null===(r=me.current)||void 0===r||r.focus(),we(!1)},minDate:T,maxDate:q,pickerMouseDown:()=>{be.current=!0,Fe()},open:he,setOpen:we,pickerTabGuardId:Ce.current,onPickerClose:oe,ariaLabel:ue,ariaLabelledBy:se})]}))}));export{S as DateInput,S as default};

package/lib/components/date/__internal__/date-picker/date-picker.component.d.ts

@@ -4,7 +4,10 @@ export interface PickerProps extends Omit<DayPickerProps, "mode" | "modifiers">
     modifiers?: Partial<Modifiers>;
 }
 export interface DatePickerProps {
-    /** Boolean to toggle where DatePicker is rendered in relation to the Date Input */
+    /**
+     * [Legacy] Boolean to toggle where DatePicker is rendered in relation to the Date Input
+     * @deprecated
+     */
     disablePortal?: boolean;
     /** Minimum possible date YYYY-MM-DD */
     minDate?: string;

package/lib/components/date/__internal__/date-picker/date-picker.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@floating-ui/dom"),r=require("react"),a=require("react-day-picker"),l=require("../../../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../../../__internal__/popover/popover.component.js"),o=require("../navbar/navbar.component.js"),i=require("../weekday/weekday.component.js"),u=require("../utils.js"),s=require("../../../../__internal__/focus-trap/focus-trap-utils.js"),c=require("../../../../__internal__/utils/helpers/events/events.js"),d=require("../../../flat-table/__internal__/flat-table.context.js"),f=require("./day-picker.style.js");function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){y(e,t,r[t])}))}return e}const b=[t.offset(3),t.flip({fallbackStrategy:"initialPlacement"})],v=o.Navbar,m=({inputElement:t,minDate:o,maxDate:y,selectedDays:m,disablePortal:j,onDayClick:O,pickerMouseDown:k,pickerProps:g,open:h,setOpen:D,pickerTabGuardId:w,onPickerClose:P,ariaLabel:_,ariaLabelledBy:q})=>{const[S,x]=r.useState(m||new Date),M=l.default(),{localize:E,options:K}=M.date.dateFnsLocale(),{weekStartsOn:C}=K||{},F=r.useMemo((()=>Array.from({length:7}).map(((e,t)=>null==E?void 0:E.day(t)))),[E]),T=r.useMemo((()=>{const e=e=>M.locale().includes(e);return Array.from({length:7}).map(((t,r)=>null==E?void 0:E.day(r,["de","pl"].some(e)?{width:"wide"}:{width:"abbreviated"}).substring(0,e("de")?2:3)))}),[M,E]),A=r.useRef(null),L=r.useCallback((e=>{var r,a;h&&c.default.isEscKey(e)&&(x(m),null===(a=t.current)||void 0===a||null===(r=a.querySelector("input"))||void 0===r||r.focus(),D(!1),null==P||P(),e.stopPropagation())}),[t,P,h,m,D]),{isInFlatTable:N,setHasOpenDatePicker:I}=r.useContext(d.default);return r.useEffect((()=>{null==I||I(!!h)}),[h,I]),r.useEffect((()=>{m&&x(m)}),[m]),r.useEffect((()=>{!h&&m&&(null==S?void 0:S.getMonth())!==(null==m?void 0:m.getMonth())&&x(m)}),[S,h,m]),h?e.jsx(e.Fragment,{children:e.jsx(n.default,{placement:"bottom-start",reference:t,middleware:b,disablePortal:j,disableBackgroundUI:N,children:e.jsxs(f.default,{id:"styled-day-picker","data-role":"date-picker",ref:A,onMouseDown:k,onKeyUp:L,onKeyDown:e=>{var r,a,l;(null===(r=A.current)||void 0===r?void 0:r.querySelector(".rdp-nav button"))===document.activeElement&&c.default.isTabKey(e)&&c.default.isShiftKey(e)&&(e.preventDefault(),D(!1),null==P||P(),null===(l=t.current)||void 0===l||null===(a=l.querySelector("input"))||void 0===a||a.focus())},role:"region","aria-label":_,"aria-labelledby":q,children:[e.jsx("div",{id:w,tabIndex:0,onFocus:()=>{var e,t;null===(t=A.current)||void 0===t||null===(e=t.querySelector("button"))||void 0===e||e.focus()}}),e.jsx(a.DayPicker,(W=p({formatters:{formatCaption:e=>`${null==E?void 0:E.month(e.getMonth())} ${e.getFullYear()}`},required:!1,weekStartsOn:C,onMonthChange:x,disabled:u.getDisabledDays(o,y),locale:{localize:p({},a.defaultLocale.localize)},selected:m,month:S||new Date,onDayClick:(e,t,r)=>{((e,t)=>{e&&(null==O||O(e,t)),null==P||P()})(e,r)},components:{Nav:v,Weekday:t=>{const{className:r,"aria-label":a}=t,l={Sunday:0,Monday:1,Tuesday:2,Wednesday:3,Thursday:4,Friday:5,Saturday:6}[a];return e.jsx(i.Weekday,{className:r,title:F[l],children:T[l]})}},fixedWeeks:!0,defaultMonth:m||void 0,onDayKeyDown:(e,r,a)=>{var l;l=a,setTimeout((()=>{if(c.default.isTabKey(l)&&!c.default.isShiftKey(l)){var e;l.preventDefault(),D(!1),null==P||P();const n=null===(e=t.current)||void 0===e?void 0:e.querySelector("input");if(n){var r,a;const e=Array.from(document.querySelectorAll(s.defaultFocusableSelectors)||[]),t=Array.from((null===(r=A.current)||void 0===r?void 0:r.querySelectorAll("button, [tabindex]"))||[]),l=e.filter((e=>-1!==Number(e.tabIndex)&&!t.includes(e))),o=l.indexOf(n)+1;null===(a=l[o])||void 0===a||a.focus()}}}),0)}},g),z={showOutsideDays:!0,mode:"single"},z=null!=z?z:{},Object.getOwnPropertyDescriptors?Object.defineProperties(W,Object.getOwnPropertyDescriptors(z)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(z)).forEach((function(e){Object.defineProperty(W,e,Object.getOwnPropertyDescriptor(z,e))})),W))]})})}):null;var W,z};m.displayName="DatePicker",exports.DatePicker=m,exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@floating-ui/dom"),r=require("react"),a=require("react-day-picker"),l=require("../../../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../../../__internal__/popover/popover.component.js"),o=require("../navbar/navbar.component.js"),i=require("../weekday/weekday.component.js"),u=require("../utils.js"),s=require("../../../../__internal__/focus-trap/focus-trap-utils.js"),c=require("../../../../__internal__/utils/helpers/events/events.js"),d=require("../../../flat-table/__internal__/flat-table.context.js"),f=require("../../../../__internal__/utils/logger/index.js"),p=require("./day-picker.style.js");function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){y(e,t,r[t])}))}return e}const v=[t.offset(3),t.flip({fallbackStrategy:"initialPlacement"})],m=o.Navbar;let j=!1;const g=({inputElement:t,minDate:o,maxDate:y,selectedDays:g,disablePortal:O=!0,onDayClick:k,pickerMouseDown:D,pickerProps:h,open:_,setOpen:w,pickerTabGuardId:P,onPickerClose:q,ariaLabel:S,ariaLabelledBy:x})=>{!j&&O&&(j=!0,f.default.deprecate("`disablePortal` is deprecated in DateInput and DateRange, and support will soon be removed."));const[M,E]=r.useState(g||new Date),K=l.default(),{localize:C,options:F}=K.date.dateFnsLocale(),{weekStartsOn:T}=F||{},A=r.useMemo((()=>Array.from({length:7}).map(((e,t)=>null==C?void 0:C.day(t)))),[C]),I=r.useMemo((()=>{const e=e=>K.locale().includes(e);return Array.from({length:7}).map(((t,r)=>null==C?void 0:C.day(r,["de","pl"].some(e)?{width:"wide"}:{width:"abbreviated"}).substring(0,e("de")?2:3)))}),[K,C]),L=r.useRef(null),N=r.useCallback((e=>{var r,a;_&&c.default.isEscKey(e)&&(E(g),null===(a=t.current)||void 0===a||null===(r=a.querySelector("input"))||void 0===r||r.focus(),w(!1),null==q||q(),e.stopPropagation())}),[t,q,_,g,w]),{isInFlatTable:W,setHasOpenDatePicker:z}=r.useContext(d.default);return r.useEffect((()=>{null==z||z(!!_)}),[_,z]),r.useEffect((()=>{g&&E(g)}),[g]),r.useEffect((()=>{!_&&g&&(null==M?void 0:M.getMonth())!==(null==g?void 0:g.getMonth())&&E(g)}),[M,_,g]),_?e.jsx(e.Fragment,{children:e.jsx(n.default,{placement:"bottom-start",reference:t,middleware:v,disablePortal:O,disableBackgroundUI:W,children:e.jsxs(p.default,{id:"styled-day-picker","data-role":"date-picker",ref:L,onMouseDown:D,onKeyUp:N,onKeyDown:e=>{var r,a,l;(null===(r=L.current)||void 0===r?void 0:r.querySelector(".rdp-nav button"))===document.activeElement&&c.default.isTabKey(e)&&c.default.isShiftKey(e)&&(e.preventDefault(),w(!1),null==q||q(),null===(l=t.current)||void 0===l||null===(a=l.querySelector("input"))||void 0===a||a.focus())},role:"region","aria-label":S,"aria-labelledby":x,children:[e.jsx("div",{id:P,tabIndex:0,onFocus:()=>{var e,t;null===(t=L.current)||void 0===t||null===(e=t.querySelector("button"))||void 0===e||e.focus()}}),e.jsx(a.DayPicker,(B=b({formatters:{formatCaption:e=>`${null==C?void 0:C.month(e.getMonth())} ${e.getFullYear()}`},required:!1,weekStartsOn:T,onMonthChange:E,disabled:u.getDisabledDays(o,y),locale:{localize:b({},a.defaultLocale.localize)},selected:g,month:M||new Date,onDayClick:(e,t,r)=>{((e,t)=>{e&&(null==k||k(e,t)),null==q||q()})(e,r)},components:{Nav:m,Weekday:t=>{const{className:r,"aria-label":a}=t,l={Sunday:0,Monday:1,Tuesday:2,Wednesday:3,Thursday:4,Friday:5,Saturday:6}[a];return e.jsx(i.Weekday,{className:r,title:A[l],children:I[l]})}},fixedWeeks:!0,defaultMonth:g||void 0,onDayKeyDown:(e,r,a)=>{var l;l=a,setTimeout((()=>{if(c.default.isTabKey(l)&&!c.default.isShiftKey(l)){var e;l.preventDefault(),w(!1),null==q||q();const n=null===(e=t.current)||void 0===e?void 0:e.querySelector("input");if(n){var r,a;const e=Array.from(document.querySelectorAll(s.defaultFocusableSelectors)||[]),t=Array.from((null===(r=L.current)||void 0===r?void 0:r.querySelectorAll("button, [tabindex]"))||[]),l=e.filter((e=>-1!==Number(e.tabIndex)&&!t.includes(e))),o=l.indexOf(n)+1;null===(a=l[o])||void 0===a||a.focus()}}}),0)}},h),R={showOutsideDays:!0,mode:"single"},R=null!=R?R:{},Object.getOwnPropertyDescriptors?Object.defineProperties(B,Object.getOwnPropertyDescriptors(R)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(R)).forEach((function(e){Object.defineProperty(B,e,Object.getOwnPropertyDescriptor(R,e))})),B))]})})}):null;var B,R};g.displayName="DatePicker",exports.DatePicker=g,exports.default=g;

package/lib/components/date/date.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./__internal__/utils.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../__internal__/utils/helpers/events/events.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js"),i=require("../../style/utils/filter-out-styled-system-spacing-props.js"),u=require("./__internal__/date-formats/index.js"),o=require("./date.style.js"),s=require("../textbox/textbox.component.js"),d=require("./__internal__/date-picker/date-picker.component.js"),c=require("../date-range/__internal__/date-range.context.js"),p=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),f=require("../../__internal__/utils/helpers/guid/index.js"),m=require("../../__internal__/utils/helpers/tags/tags.js");function b(e){return e&&e.__esModule?e:{default:e}}function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){y(e,t,r[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const v=b(t).default.forwardRef(((b,y)=>{var{adaptiveLabelBreakpoint:v,allowEmptyValue:h,autoFocus:_,"data-element":k,"data-role":j,disabled:D,disablePortal:P=!1,helpAriaLabel:x,labelInline:w,minDate:L,maxDate:S,onBlur:V,onChange:I,onClick:F,onFocus:q,onKeyDown:A,pickerProps:C,readOnly:M,size:R="medium",tooltipPosition:B,value:W,inputWidth:E,labelWidth:K,maxWidth:z,inputName:T,onPickerClose:N,onPickerOpen:Y,dateFormatOverride:G,datePickerAriaLabel:U,datePickerAriaLabelledBy:$}=b,H=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(b,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","dateFormatOverride","datePickerAriaLabel","datePickerAriaLabelledBy"]);const J=t.useRef(null),Q=t.useRef(null),X=t.useRef(null),Z=t.useRef(!1),ee=t.useRef(!1),te=t.useRef(!1),re=a.default(),{dateFnsLocale:ae,dateFormatOverride:ne}=re.date,{format:le,formats:ie}=t.useMemo((()=>u.default(ae(),G||ne)),[ae,ne,G]),{inputRefMap:ue,setInputRefMap:oe}=t.useContext(c.default),[se,de]=t.useState(!1),[ce,pe]=t.useState((()=>{if(r.isValidLocaleDate(W,ae()))return r.checkISOFormatAndLength(W)?r.parseISODate(W):r.parseDate(le,W)})),fe=t.useRef(!0),me=t.useRef(f.default()),be=e=>h&&!e.length?e:null,ye=e=>{const{id:t,name:a}=e.target,[n,l]=r.findMatchedFormatAndValue(e.target.value,ie),i="blur"===e.type?r.formattedValue(le,ce):e.target.value,u=r.isDateValid(r.parseDate(n,l))?r.formatToISO(...r.additionalYears(n,l)):be(e.target.value);return{target:g(O({},a&&{name:a},t&&{id:t}),{value:{formattedValue:i,rawValue:u}})}},Oe=p.default((()=>{var e,t;se&&(Z.current=!0,null===(e=X.current)||void 0===e||e.focus(),ee.current=!1,null===(t=X.current)||void 0===t||t.blur(),de(!1),null==N||N(),Z.current=!1)}),"mousedown"),ge=t.useCallback((e=>{se&&n.default.isEscKey(e)&&(de(!1),null==N||N(),e.stopPropagation())}),[N,se]),ve=e=>{F&&F(e)},he=t.useCallback((e=>{var t;X.current=e,Q.current=null==e?void 0:e.parentElement,y&&("function"==typeof y?y(e):y.current=e),T&&(null==ue||null===(t=ue[T])||void 0===t?void 0:t.setOpen)!==de&&(null==oe||oe({[T]:{isBlurBlocked:ee,setOpen:de}}))}),[T,ue,oe,y]);t.useEffect((()=>{const[e,t]=r.findMatchedFormatAndValue(W,ie);e&&t&&r.isDateValid(r.parseDate(e,t))?pe(r.parseDate(...r.additionalYears(e,t))):r.checkISOFormatAndLength(W)&&fe.current?pe(r.parseISODate(W)):pe(void 0)}),[W,ie]);const _e=l.default(H);return e.jsxs(o.default,g(O(g(O({ref:J,role:"presentation",size:R,labelInline:w},_e),{applyDateRangeStyling:!!ue,maxWidth:z,inputWidth:E}),m.default("date",{"data-element":k,"data-role":j})),{children:[e.jsx(s.Textbox,g(O({},i.default(H)),{"data-component":"date-input",value:(()=>{if(r.checkISOFormatAndLength(W)&&fe.current)return r.formattedValue(le,r.parseISODate(W));const e=r.getSeparator(W),t=r.getSeparator(le),a=()=>W.split("").map((r=>r===e?t:r)).join("");if(fe.current&&e!==t&&r.isDateValid(r.parseDate(le,a()))){fe.current=!1;const[e,t]=r.findMatchedFormatAndValue(a(),ie);return r.formattedValue(le,r.parseDate(...r.additionalYears(e,t)))}return W})(),onBlur:e=>{if(D||M)return;let t;if(r.isDateValid(ce)){t=ye(e);const a=r.checkISOFormatAndLength(W)?r.formattedValue(le,r.parseISODate(W)):W,[,n]=r.findMatchedFormatAndValue(a,ie);r.formattedValue(le,ce)!==n&&I(t)}else{const{id:r,name:a}=e.target;t={target:g(O({},a&&{name:a},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:be(e.target.value)}})}}ee.current||V&&V(t)},onChange:e=>{fe.current=!1,I(ye(e))},onClick:ve,onFocus:e=>{D||M||(ee.current=!1,se||Z.current?Z.current=!1:(de(!0),null==Y||Y()),q&&q(e))},onKeyUp:ge,onKeyDown:e=>{if(A&&A(e),se&&n.default.isTabKey(e)){if(n.default.isShiftKey(e))de(!1),null==N||N();else if(!P){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${me.current}"]`))||void 0===t||t.focus()}Z.current=!1}},iconOnClick:ve,onMouseDown:()=>{Oe(),oe&&(ee.current=!0),se||(de(!0),null==Y||Y())},iconOnMouseDown:()=>{ee.current=!0,Z.current=!0,Oe(),se?(de(!1),null==N||N()):(de(!0),null==Y||Y())},inputIcon:"calendar",labelInline:w,ref:he,adaptiveLabelBreakpoint:v,tooltipPosition:B,helpAriaLabel:x,autoFocus:_,size:R,disabled:D,readOnly:M,inputWidth:E,labelWidth:K,maxWidth:z,m:0})),e.jsx(d.DatePicker,{disablePortal:P,inputElement:Q,pickerProps:C,selectedDays:ce,onDayClick:(e,t)=>{var a;pe(e),I(ye(g(O({},t),{target:g(O({},t.target),{value:r.formattedValue(le,e)})}))),te.current=!0,null===(a=X.current)||void 0===a||a.focus(),de(!1)},minDate:L,maxDate:S,pickerMouseDown:()=>{ee.current=!0,Oe()},open:se,setOpen:de,pickerTabGuardId:me.current,onPickerClose:N,ariaLabel:U,ariaLabelledBy:$})]}))}));v.displayName="DateInput",exports.DateInput=v,exports.default=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./__internal__/utils.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../__internal__/utils/helpers/events/events.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js"),i=require("../../style/utils/filter-out-styled-system-spacing-props.js"),u=require("./__internal__/date-formats/index.js"),o=require("./date.style.js"),s=require("../textbox/textbox.component.js"),c=require("./__internal__/date-picker/date-picker.component.js"),d=require("../date-range/__internal__/date-range.context.js"),p=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),f=require("../../__internal__/utils/helpers/guid/index.js"),m=require("../../__internal__/utils/helpers/tags/tags.js");function b(e){return e&&e.__esModule?e:{default:e}}function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){y(e,t,r[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const v=b(t).default.forwardRef(((b,y)=>{var{adaptiveLabelBreakpoint:v,allowEmptyValue:h,autoFocus:_,"data-element":k,"data-role":j,disabled:D,disablePortal:P=!0,helpAriaLabel:x,labelInline:w,minDate:L,maxDate:S,onBlur:V,onChange:F,onClick:I,onFocus:q,onKeyDown:A,pickerProps:C,readOnly:M,size:R="medium",tooltipPosition:B,value:W,inputWidth:E,labelWidth:K,maxWidth:z,inputName:T,onPickerClose:Y,onPickerOpen:N,dateFormatOverride:G,datePickerAriaLabel:U,datePickerAriaLabelledBy:$}=b,H=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(b,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","dateFormatOverride","datePickerAriaLabel","datePickerAriaLabelledBy"]);const J=t.useRef(null),Q=t.useRef(null),X=t.useRef(null),Z=t.useRef(!1),ee=t.useRef(!1),te=t.useRef(!1),re=a.default(),{dateFnsLocale:ae,dateFormatOverride:ne}=re.date,{format:le,formats:ie}=t.useMemo((()=>u.default(ae(),G||ne)),[ae,ne,G]),{inputRefMap:ue,setInputRefMap:oe}=t.useContext(d.default),[se,ce]=t.useState(!1),[de,pe]=t.useState((()=>{if(r.isValidLocaleDate(W,ae()))return r.checkISOFormatAndLength(W)?r.parseISODate(W):r.parseDate(le,W)})),fe=t.useRef(!0),me=t.useRef(f.default()),be=e=>h&&!e.length?e:null,ye=e=>{const{id:t,name:a}=e.target,[n,l]=r.findMatchedFormatAndValue(e.target.value,ie),i="blur"===e.type?r.formattedValue(le,de):e.target.value,u=r.isDateValid(r.parseDate(n,l))?r.formatToISO(...r.additionalYears(n,l)):be(e.target.value);return{target:g(O({},a&&{name:a},t&&{id:t}),{value:{formattedValue:i,rawValue:u}})}},Oe=p.default((()=>{var e,t;se&&(Z.current=!0,null===(e=X.current)||void 0===e||e.focus(),ee.current=!1,null===(t=X.current)||void 0===t||t.blur(),ce(!1),null==Y||Y(),Z.current=!1)}),"mousedown"),ge=t.useCallback((e=>{se&&n.default.isEscKey(e)&&(ce(!1),null==Y||Y(),e.stopPropagation())}),[Y,se]),ve=e=>{I&&I(e)},he=t.useCallback((e=>{var t;X.current=e,Q.current=null==e?void 0:e.parentElement,y&&("function"==typeof y?y(e):y.current=e),T&&(null==ue||null===(t=ue[T])||void 0===t?void 0:t.setOpen)!==ce&&(null==oe||oe({[T]:{isBlurBlocked:ee,setOpen:ce}}))}),[T,ue,oe,y]);t.useEffect((()=>{const[e,t]=r.findMatchedFormatAndValue(W,ie);e&&t&&r.isDateValid(r.parseDate(e,t))?pe(r.parseDate(...r.additionalYears(e,t))):r.checkISOFormatAndLength(W)&&fe.current?pe(r.parseISODate(W)):pe(void 0)}),[W,ie]);const _e=l.default(H);return e.jsxs(o.default,g(O(g(O({ref:J,role:"presentation",size:R,labelInline:w},_e),{applyDateRangeStyling:!!ue,maxWidth:z,inputWidth:E}),m.default("date",{"data-element":k,"data-role":j})),{children:[e.jsx(s.Textbox,g(O({},i.default(H)),{"data-component":"date-input",value:(()=>{if(r.checkISOFormatAndLength(W)&&fe.current)return r.formattedValue(le,r.parseISODate(W));const e=r.getSeparator(W),t=r.getSeparator(le),a=()=>W.split("").map((r=>r===e?t:r)).join("");if(fe.current&&e!==t&&r.isDateValid(r.parseDate(le,a()))){fe.current=!1;const[e,t]=r.findMatchedFormatAndValue(a(),ie);return r.formattedValue(le,r.parseDate(...r.additionalYears(e,t)))}return W})(),onBlur:e=>{if(D||M)return;let t;if(r.isDateValid(de)){t=ye(e);const a=r.checkISOFormatAndLength(W)?r.formattedValue(le,r.parseISODate(W)):W,[,n]=r.findMatchedFormatAndValue(a,ie);r.formattedValue(le,de)!==n&&F(t)}else{const{id:r,name:a}=e.target;t={target:g(O({},a&&{name:a},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:be(e.target.value)}})}}ee.current||V&&V(t)},onChange:e=>{fe.current=!1,F(ye(e))},onClick:ve,onFocus:e=>{D||M||(ee.current=!1,se||Z.current?Z.current=!1:(ce(!0),null==N||N()),q&&q(e))},onKeyUp:ge,onKeyDown:e=>{if(A&&A(e),se&&n.default.isTabKey(e)){if(n.default.isShiftKey(e))ce(!1),null==Y||Y();else if(!P){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${me.current}"]`))||void 0===t||t.focus()}Z.current=!1}},iconOnClick:ve,onMouseDown:()=>{Oe(),oe&&(ee.current=!0),se||(ce(!0),null==N||N())},iconOnMouseDown:()=>{ee.current=!0,Z.current=!0,Oe(),se?(ce(!1),null==Y||Y()):(ce(!0),null==N||N())},inputIcon:"calendar",labelInline:w,ref:he,adaptiveLabelBreakpoint:v,tooltipPosition:B,helpAriaLabel:x,autoFocus:_,size:R,disabled:D,readOnly:M,inputWidth:E,labelWidth:K,maxWidth:z,m:0})),e.jsx(c.DatePicker,{disablePortal:P,inputElement:Q,pickerProps:C,selectedDays:de,onDayClick:(e,t)=>{var a;pe(e),F(ye(g(O({},t),{target:g(O({},t.target),{value:r.formattedValue(le,e)})}))),te.current=!0,null===(a=X.current)||void 0===a||a.focus(),ce(!1)},minDate:L,maxDate:S,pickerMouseDown:()=>{ee.current=!0,Oe()},open:se,setOpen:ce,pickerTabGuardId:me.current,onPickerClose:Y,ariaLabel:U,ariaLabelledBy:$})]}))}));exports.DateInput=v,exports.default=v;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "154.13.8",
+  "version": "155.0.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",