carbon-react 154.7.2 → 154.7.3

package/esm/components/date/__internal__/date-formats/index.js

@@ -1 +1 @@
-const y=["d M yyyy","dd M yyyy","d MM yyyy","dd MM yyyy","d M yy","dd M yy","d MM yy","dd MM yy","d","d M","dd","d MM","dd M","dd MM"],d=["M","M d","MM","M dd","MM d","MM dd","M d yy","MM d yy","M dd yy","MM dd yy","M d yyyy","MM d yyyy","M dd yyyy","MM dd yyyy"],M=["yyyy M","yyyy M d","yyyy MM d","yyyy M dd","yyyy MM dd","yy M","yy MM","yy M d","yy MM d","yy M dd","yy MM dd","M","M d","MM","M dd","MM d","MM dd"],t=["",".",",","-","/",":"],e=(y,d,M)=>{const e=t.includes(d)?t:[...t,d];return y.reduce(((y,t)=>{const r=[...y,t];return t.includes(" ")&&e.forEach((y=>{d===y&&M&&r.push(`${t.replace(/ /g,y)}${M}`),r.push(t.replace(/ /g,y))})),r}),[])},r=y=>{const d={day:"dd",month:"MM",year:"yyyy"},M=new Intl.DateTimeFormat(y);let t="";const e=M.formatToParts(new Date).map((({type:y,value:M})=>["day","month","year"].includes(y)?d[y]:(t||(t=M),M))).join("");return y.startsWith("bg")?{format:e.substring(0,10),separator:t}:{format:e,separator:t}},a=t=>t.startsWith("y")?M:t.startsWith("M")?d:y,s=y=>{const d=y.split("").pop();return["y","M","d"].includes(d)?"":d},n=(y,d)=>{const M=(null==y?void 0:y.code)||"en-GB";if(d){const{format:y}=r(M);let t;switch(M){case"en-CA":case"en-US":t="MM/dd/yyyy";break;case"ar-EG":case"en-ZA":case"fr-CA":t="dd/MM/yyyy";break;default:t=y}const s=a(t);return{format:d,formats:e(s,"/")}}if(["en-CA","en-US"].includes(M)){const y="MM/dd/yyyy",d=a(y);return{format:y,formats:e(d,"/")}}const{format:t,separator:n}=r(M),o=["fr-CA","en-ZA","ar-EG"].includes(M)?"dd/MM/yyyy":t,c=a(o);return{format:o,formats:e(c,n,s(t))}};export{n as default};
+const y=["d M yyyy","dd M yyyy","d MM yyyy","dd MM yyyy","d M yy","dd M yy","d MM yy","dd MM yy","d","d M","dd","d MM","dd M","dd MM"],d=["M","M d","MM","M dd","MM d","MM dd","M d yy","MM d yy","M dd yy","MM dd yy","M d yyyy","MM d yyyy","M dd yyyy","MM dd yyyy"],M=["yyyy M","yyyy M d","yyyy MM d","yyyy M dd","yyyy MM dd","yy M","yy MM","yy M d","yy MM d","yy M dd","yy MM dd","M","M d","MM","M dd","MM d","MM dd"],t=["",".",",","-","/",":"],r=(y,d,M)=>{const r=t.includes(d)?t:[...t,d];return y.reduce(((y,t)=>{const a=[...y,t];return t.includes(" ")&&r.forEach((y=>{d===y&&M&&a.push(`${t.replace(/ /g,y)}${M}`),a.push(t.replace(/ /g,y))})),a}),[])},a=t=>t.startsWith("y")?M:t.startsWith("M")?d:y,o=y=>{const d=y.split("").pop();return["y","M","d"].includes(d)?"":d},e=(y,d)=>{const M=(null==y?void 0:y.code)||"en-GB",{format:t,separator:e}=(y=>{const d={day:"dd",month:"MM",year:"yyyy"},M=new Intl.DateTimeFormat(y);let t="";const r=M.formatToParts(new Date).map((({type:y,value:M})=>["day","month","year"].includes(y)?d[y]:(t||(t=M),M))).join("");return y.startsWith("bg")?{format:r.substring(0,10),separator:t}:{format:r,separator:t}})(M),n={"en-CA":{format:"MM/dd/yyyy",separator:"/"},"en-US":{format:"MM/dd/yyyy",separator:"/"},"fr-CA":{format:"dd/MM/yyyy"},"en-ZA":{format:"dd/MM/yyyy"},"ar-EG":{format:"dd/MM/yyyy"}}[M]||{};var s;const l=null!==(s=null!=d?d:n.format)&&void 0!==s?s:t;var u;const c=null!==(u=n.separator)&&void 0!==u?u:e;return{format:l,formats:r(a(l),c,o(l))}};export{e 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 l,useState as o,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 g}from"./__internal__/utils.js";import v 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 A(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 I(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:F,"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:le,onPickerOpen:oe,datePickerAriaLabel:ie,datePickerAriaLabelledBy:ue}=r,se=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[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","datePickerAriaLabel","datePickerAriaLabelledBy"]);const ce=n(null),pe=n(null),de=n(null),me=n(!1),fe=n(!1),be=n(!1),ye=v(),{dateFnsLocale:Oe,dateFormatOverride:ge}=ye.date,{format:ve,formats:_e}=a((()=>P(Oe(),ge)),[Oe,ge]),{inputRefMap:je,setInputRefMap:ke}=l(x),[Pe,he]=o(!1),[we,De]=o((()=>{if(s(ee,Oe()))return c(ee)?p(ee):d(ve,ee)})),xe=n(!0),Le=n(C()),Ce=e=>E&&!e.length?e:null,Be=e=>{const{id:t,name:r}=e.target,[n,a]=m(e.target.value,_e),l="blur"===e.type?y(ve,we):e.target.value,o=f(d(n,a))?g(...b(n,a)):Ce(e.target.value);return{target:I(A({},r&&{name:r},t&&{id:t}),{value:{formattedValue:l,rawValue:o}})}},We=L((()=>{var e,t;Pe&&(me.current=!0,null===(e=de.current)||void 0===e||e.focus(),fe.current=!1,null===(t=de.current)||void 0===t||t.blur(),he(!1),null==le||le(),me.current=!1)}),"mousedown"),Ae=i((e=>{Pe&&_.isEscKey(e)&&(he(!1),null==le||le(),e.stopPropagation())}),[le,Pe]),Ie=e=>{$&&$(e)},Se=i((e=>{var t;de.current=e,pe.current=null==e?void 0:e.parentElement,W&&("function"==typeof W?W(e):W.current=e),ae&&(null==je||null===(t=je[ae])||void 0===t?void 0:t.setOpen)!==he&&(null==ke||ke({[ae]:{isBlurBlocked:fe,setOpen:he}}))}),[ae,je,ke,W]);u((()=>{const[e,t]=m(ee,_e);e&&t&&f(d(e,t))?De(d(...b(e,t))):c(ee)&&xe.current?De(p(ee)):De(void 0)}),[ee,_e]);const Ee=j(se);return e(h,I(A(I(A({ref:ce,role:"presentation",size:Y,labelInline:N},Ee),{applyDateRangeStyling:!!je,maxWidth:ne,inputWidth:te}),B("date",{"data-element":K,"data-role":V})),{children:[t(w,I(A({},k(se)),{"data-component":"date-input",value:(()=>{if(c(ee)&&xe.current)return y(ve,p(ee));const e=O(ee),t=O(ve),r=()=>ee.split("").map((r=>r===e?t:r)).join("");if(xe.current&&e!==t&&f(d(ve,r()))){xe.current=!1;const[e,t]=m(r(),_e);return y(ve,d(...b(e,t)))}return ee})(),onBlur:e=>{if(M||X)return;let t;if(f(we)){t=Be(e);const r=c(ee)?y(ve,p(ee)):ee,[,n]=m(r,_e);y(ve,we)!==n&&U(t)}else{const{id:r,name:n}=e.target;t={target:I(A({},n&&{name:n},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:Ce(e.target.value)}})}}fe.current||G&&G(t)},onChange:e=>{xe.current=!1,U(Be(e))},onClick:Ie,onFocus:e=>{M||X||(fe.current=!1,Pe||me.current?me.current=!1:(he(!0),null==oe||oe()),H&&H(e))},onKeyUp:Ae,onKeyDown:e=>{if(J&&J(e),Pe&&_.isTabKey(e)){if(_.isShiftKey(e))he(!1),null==le||le();else if(!z){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${Le.current}"]`))||void 0===t||t.focus()}me.current=!1}},iconOnClick:Ie,onMouseDown:()=>{We(),ke&&(fe.current=!0),Pe||(he(!0),null==oe||oe())},iconOnMouseDown:()=>{fe.current=!0,me.current=!0,We(),Pe?(he(!1),null==le||le()):(he(!0),null==oe||oe())},inputIcon:"calendar",labelInline:N,ref:Se,adaptiveLabelBreakpoint:S,tooltipPosition:Z,helpAriaLabel:R,autoFocus:F,size:Y,disabled:M,readOnly:X,inputWidth:te,labelWidth:re,maxWidth:ne,m:0})),t(D,{disablePortal:z,inputElement:pe,pickerProps:Q,selectedDays:we,onDayClick:(e,t)=>{var r;De(e),U(Be(I(A({},t),{target:I(A({},t.target),{value:y(ve,e)})}))),be.current=!0,null===(r=de.current)||void 0===r||r.focus(),he(!1)},minDate:T,maxDate:q,pickerMouseDown:()=>{fe.current=!0,We()},open:Pe,setOpen:he,pickerTabGuardId:Le.current,onPickerClose:le,ariaLabel:ie,ariaLabelledBy:ue})]}))}));S.displayName="DateInput";export{S as DateInput,S 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 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};

package/esm/components/date-range/date-range.component.d.ts

@@ -100,7 +100,7 @@ export interface DateRangeProps extends StyledDateRangeProps, MarginProps, TagPr
     datePickerEndAriaLabelledBy?: string;
 }
 export declare const DateRange: {
-    ({ endDateProps, id, labelsInline, name, onBlur, onChange, startDateProps, tooltipPosition, validationOnLabel, value, startRef, endRef, required, isOptional, datePickerStartAriaLabel, datePickerStartAriaLabelledBy, datePickerEndAriaLabel, datePickerEndAriaLabelledBy, ...rest }: DateRangeProps): React.JSX.Element;
+    ({ endDateProps, id, labelsInline, name, onBlur, onChange, startDateProps, tooltipPosition, validationOnLabel, value, startRef, endRef, required, isOptional, dateFormatOverride: dateFormatOverrideProp, datePickerStartAriaLabel, datePickerStartAriaLabelledBy, datePickerEndAriaLabel, datePickerEndAriaLabelledBy, ...rest }: DateRangeProps): React.JSX.Element;
     displayName: string;
 };
 export default DateRange;

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as r,useMemo as a,useState as n,useCallback as l,useEffect as o}from"react";import{checkISOFormatAndLength as i,formattedValue as s,parseISODate as d,formatToISO as u}from"../date/__internal__/utils.js";import{DateInput as c}from"../date/date.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import p from"../../style/utils/filter-styled-system-margin-props.js";import m from"../../__internal__/utils/helpers/tags/tags.js";import f from"./date-range.style.js";import b from"../../__internal__/utils/helpers/events/events.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import v from"../../hooks/__internal__/usePrevious/index.js";import O from"../date/__internal__/date-formats/index.js";import g from"./__internal__/date-range.context.js";import _ from"../carbon-provider/__internal__/new-validation.context.js";import P from"../../__internal__/utils/logger/index.js";function j(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(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){j(e,t,r[t])}))}return e}function k(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}let h=!1;const B=j=>{var{endDateProps:B={},id:L,labelsInline:V,name:E,onBlur:A,onChange:D,startDateProps:S={},tooltipPosition:x,validationOnLabel:I,value:R,startRef:q,endRef:F,required:K,isOptional:$,datePickerStartAriaLabel:C,datePickerStartAriaLabelledBy:N,datePickerEndAriaLabel:W,datePickerEndAriaLabelledBy:M}=j,T=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}(j,["endDateProps","id","labelsInline","name","onBlur","onChange","startDateProps","tooltipPosition","validationOnLabel","value","startRef","endRef","required","isOptional","datePickerStartAriaLabel","datePickerStartAriaLabelledBy","datePickerEndAriaLabel","datePickerEndAriaLabelledBy"]);!h&&$&&(h=!0,P.deprecate("`isOptional` is deprecated in DateRange and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:z}=r(_),G=!z&&V,H=y(),{dateFnsLocale:J,dateFormatOverride:Q}=H.date,{format:U}=a((()=>O(J(),Q)),[J,Q]),[X,Y]=n(""),Z=l((e=>i(e)?s(U,d(e)):e),[U]),ee=l((()=>{const{value:e}=S;return Z(e||R[0])}),[S,R,Z]),te=l((()=>{const{value:e}=B;return Z(e||R[1])}),[B,R,Z]),[re,ae]=n({start:{isBlurBlocked:{current:!1},setOpen:null},end:{isBlurBlocked:{current:!1},setOpen:null}});function ne(e,t){return e&&!t.length}const[le,oe]=n({formattedValue:ee(),rawValue:ne(!!S.allowEmptyValue,ee())?"":u(U,ee())}),[ie,se]=n({formattedValue:te(),rawValue:ne(!!B.allowEmptyValue,te())?"":u(U,te())}),de=v(R);o((()=>{(null==de?void 0:de.length)&&(R[0]!==de[0]||R[1]!==de[1])&&(oe({formattedValue:ee(),rawValue:ne(!!S.allowEmptyValue,ee())?"":u(U,ee())}),se({formattedValue:te(),rawValue:ne(!!B.allowEmptyValue,te())?"":u(U,te())}))}),[R,de,B.allowEmptyValue,U,te,ee,S.allowEmptyValue]);const ue=l(((e,t)=>{const r="start"===e?t:le,a="end"===e?t:ie;return Y(e),{target:k(w({},E&&{name:E},L&&{id:L}),{value:[r,a]})}}),[ie,L,E,le]),ce=(e,t)=>{"start"===e?oe(w({},t.target.value)):se(w({},t.target.value));const r=ue(e,t.target.value);D(r)},pe=e=>{ce("start",e)},me=e=>{ce("end",e)},fe=e=>{var t,r;if(!(null==re||null===(t=re.start)||void 0===t?void 0:t.isBlurBlocked.current)&&!(null==re||null===(r=re.end)||void 0===r?void 0:r.isBlurBlocked.current)&&A){const t=ue(X,e.target.value);A(t)}},be=e=>{(e=>{const t=null==re?void 0:re[e];var r;t&&(null===(r=t.setOpen)||void 0===r||r.call(t,!1),t.isBlurBlocked.current=!1)})(e),Y("start"===e?"end":"start")},ye=e=>{const t="start"===e?S:B,{formattedValue:r}="start"===e?le:ie,a="start"===e?pe:me;return k(w({label:T[`${e}Label`],labelInline:G,value:r,error:T[`${e}Error`],warning:T[`${e}Warning`],info:T[`${e}Info`],validationOnLabel:I,onBlur:fe,onChange:a,onKeyDown:t=>((e,t)=>{b.isTabKey(e)&&b.isShiftKey(e)&&(null==re?void 0:re.start)?re.start.isBlurBlocked.current=!("start"===t):b.isTabKey(e)&&(null==re?void 0:re.end)&&(re.end.isBlurBlocked.current=!("end"===t))})(t,e)},t),{required:K,isOptional:$})};return e(f,k(w(k(w({},m("date-range",T)),{labelsInline:G}),p(T)),{children:t(g.Provider,{value:{inputRefMap:re,setInputRefMap:e=>{ae((t=>w({},t,e)))}},children:[e(c,k(w({my:0},ye("start")),{onFocus:()=>be("end"),"data-element":"start-date",inputName:"start",labelWidth:40,tooltipPosition:x,ref:q,datePickerAriaLabel:C,datePickerAriaLabelledBy:N})),e(c,k(w({my:0},ye("end")),{onFocus:()=>be("start"),"data-element":"end-date",inputName:"end",labelWidth:40,tooltipPosition:x,ref:F,datePickerAriaLabel:W,datePickerAriaLabelledBy:M}))]})}))};B.displayName="DateRange";export{B as DateRange,B as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as r,useMemo as a,useState as n,useCallback as l,useEffect as o}from"react";import{checkISOFormatAndLength as i,formattedValue as s,parseISODate as d,formatToISO as u}from"../date/__internal__/utils.js";import{DateInput as c}from"../date/date.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import p from"../../style/utils/filter-styled-system-margin-props.js";import m from"../../__internal__/utils/helpers/tags/tags.js";import f from"./date-range.style.js";import b from"../../__internal__/utils/helpers/events/events.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import v from"../../hooks/__internal__/usePrevious/index.js";import O from"../date/__internal__/date-formats/index.js";import g from"./__internal__/date-range.context.js";import _ from"../carbon-provider/__internal__/new-validation.context.js";import P from"../../__internal__/utils/logger/index.js";function j(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(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){j(e,t,r[t])}))}return e}function k(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}let h=!1;const B=j=>{var{endDateProps:B={},id:L,labelsInline:V,name:E,onBlur:A,onChange:D,startDateProps:S={},tooltipPosition:x,validationOnLabel:I,value:R,startRef:F,endRef:q,required:K,isOptional:$,dateFormatOverride:C,datePickerStartAriaLabel:N,datePickerStartAriaLabelledBy:W,datePickerEndAriaLabel:M,datePickerEndAriaLabelledBy:T}=j,z=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}(j,["endDateProps","id","labelsInline","name","onBlur","onChange","startDateProps","tooltipPosition","validationOnLabel","value","startRef","endRef","required","isOptional","dateFormatOverride","datePickerStartAriaLabel","datePickerStartAriaLabelledBy","datePickerEndAriaLabel","datePickerEndAriaLabelledBy"]);!h&&$&&(h=!0,P.deprecate("`isOptional` is deprecated in DateRange and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:G}=r(_),H=!G&&V,J=y(),{dateFnsLocale:Q,dateFormatOverride:U}=J.date,{format:X}=a((()=>O(Q(),C||U)),[Q,C,U]),[Y,Z]=n(""),ee=l((e=>i(e)?s(X,d(e)):e),[X]),te=l((()=>{const{value:e}=S;return ee(e||R[0])}),[S,R,ee]),re=l((()=>{const{value:e}=B;return ee(e||R[1])}),[B,R,ee]),[ae,ne]=n({start:{isBlurBlocked:{current:!1},setOpen:null},end:{isBlurBlocked:{current:!1},setOpen:null}});function le(e,t){return e&&!t.length}const[oe,ie]=n({formattedValue:te(),rawValue:le(!!S.allowEmptyValue,te())?"":u(X,te())}),[se,de]=n({formattedValue:re(),rawValue:le(!!B.allowEmptyValue,re())?"":u(X,re())}),ue=v(R);o((()=>{(null==ue?void 0:ue.length)&&(R[0]!==ue[0]||R[1]!==ue[1])&&(ie({formattedValue:te(),rawValue:le(!!S.allowEmptyValue,te())?"":u(X,te())}),de({formattedValue:re(),rawValue:le(!!B.allowEmptyValue,re())?"":u(X,re())}))}),[R,ue,B.allowEmptyValue,X,re,te,S.allowEmptyValue]);const ce=l(((e,t)=>{const r="start"===e?t:oe,a="end"===e?t:se;return Z(e),{target:k(w({},E&&{name:E},L&&{id:L}),{value:[r,a]})}}),[se,L,E,oe]),pe=(e,t)=>{"start"===e?ie(w({},t.target.value)):de(w({},t.target.value));const r=ce(e,t.target.value);D(r)},me=e=>{pe("start",e)},fe=e=>{pe("end",e)},be=e=>{var t,r;if(!(null==ae||null===(t=ae.start)||void 0===t?void 0:t.isBlurBlocked.current)&&!(null==ae||null===(r=ae.end)||void 0===r?void 0:r.isBlurBlocked.current)&&A){const t=ce(Y,e.target.value);A(t)}},ye=e=>{(e=>{const t=null==ae?void 0:ae[e];var r;t&&(null===(r=t.setOpen)||void 0===r||r.call(t,!1),t.isBlurBlocked.current=!1)})(e),Z("start"===e?"end":"start")},ve=e=>{const t="start"===e?S:B,{formattedValue:r}="start"===e?oe:se,a="start"===e?me:fe;return k(w({label:z[`${e}Label`],labelInline:H,value:r,error:z[`${e}Error`],warning:z[`${e}Warning`],info:z[`${e}Info`],validationOnLabel:I,onBlur:be,onChange:a,onKeyDown:t=>((e,t)=>{b.isTabKey(e)&&b.isShiftKey(e)&&(null==ae?void 0:ae.start)?ae.start.isBlurBlocked.current=!("start"===t):b.isTabKey(e)&&(null==ae?void 0:ae.end)&&(ae.end.isBlurBlocked.current=!("end"===t))})(t,e)},t),{required:K,isOptional:$})};return e(f,k(w(k(w({},m("date-range",z)),{labelsInline:H}),p(z)),{children:t(g.Provider,{value:{inputRefMap:ae,setInputRefMap:e=>{ne((t=>w({},t,e)))}},children:[e(c,k(w({my:0},ve("start")),{onFocus:()=>ye("end"),"data-element":"start-date",inputName:"start",labelWidth:40,tooltipPosition:x,ref:F,datePickerAriaLabel:N,datePickerAriaLabelledBy:W})),e(c,k(w({my:0},ve("end")),{onFocus:()=>ye("start"),"data-element":"end-date",inputName:"end",labelWidth:40,tooltipPosition:x,ref:q,datePickerAriaLabel:M,datePickerAriaLabelledBy:T}))]})}))};B.displayName="DateRange";export{B as DateRange,B as default};

package/lib/components/date/__internal__/date-formats/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const y=["d M yyyy","dd M yyyy","d MM yyyy","dd MM yyyy","d M yy","dd M yy","d MM yy","dd MM yy","d","d M","dd","d MM","dd M","dd MM"],d=["M","M d","MM","M dd","MM d","MM dd","M d yy","MM d yy","M dd yy","MM dd yy","M d yyyy","MM d yyyy","M dd yyyy","MM dd yyyy"],M=["yyyy M","yyyy M d","yyyy MM d","yyyy M dd","yyyy MM dd","yy M","yy MM","yy M d","yy MM d","yy M dd","yy MM dd","M","M d","MM","M dd","MM d","MM dd"],t=["",".",",","-","/",":"],e=(y,d,M)=>{const e=t.includes(d)?t:[...t,d];return y.reduce(((y,t)=>{const r=[...y,t];return t.includes(" ")&&e.forEach((y=>{d===y&&M&&r.push(`${t.replace(/ /g,y)}${M}`),r.push(t.replace(/ /g,y))})),r}),[])},r=y=>{const d={day:"dd",month:"MM",year:"yyyy"},M=new Intl.DateTimeFormat(y);let t="";const e=M.formatToParts(new Date).map((({type:y,value:M})=>["day","month","year"].includes(y)?d[y]:(t||(t=M),M))).join("");return y.startsWith("bg")?{format:e.substring(0,10),separator:t}:{format:e,separator:t}},s=t=>t.startsWith("y")?M:t.startsWith("M")?d:y,a=y=>{const d=y.split("").pop();return["y","M","d"].includes(d)?"":d};exports.default=(y,d)=>{const M=(null==y?void 0:y.code)||"en-GB";if(d){const{format:y}=r(M);let t;switch(M){case"en-CA":case"en-US":t="MM/dd/yyyy";break;case"ar-EG":case"en-ZA":case"fr-CA":t="dd/MM/yyyy";break;default:t=y}const a=s(t);return{format:d,formats:e(a,"/")}}if(["en-CA","en-US"].includes(M)){const y="MM/dd/yyyy",d=s(y);return{format:y,formats:e(d,"/")}}const{format:t,separator:n}=r(M),o=["fr-CA","en-ZA","ar-EG"].includes(M)?"dd/MM/yyyy":t,c=s(o);return{format:o,formats:e(c,n,a(t))}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const y=["d M yyyy","dd M yyyy","d MM yyyy","dd MM yyyy","d M yy","dd M yy","d MM yy","dd MM yy","d","d M","dd","d MM","dd M","dd MM"],d=["M","M d","MM","M dd","MM d","MM dd","M d yy","MM d yy","M dd yy","MM dd yy","M d yyyy","MM d yyyy","M dd yyyy","MM dd yyyy"],M=["yyyy M","yyyy M d","yyyy MM d","yyyy M dd","yyyy MM dd","yy M","yy MM","yy M d","yy MM d","yy M dd","yy MM dd","M","M d","MM","M dd","MM d","MM dd"],t=["",".",",","-","/",":"],r=(y,d,M)=>{const r=t.includes(d)?t:[...t,d];return y.reduce(((y,t)=>{const e=[...y,t];return t.includes(" ")&&r.forEach((y=>{d===y&&M&&e.push(`${t.replace(/ /g,y)}${M}`),e.push(t.replace(/ /g,y))})),e}),[])},e=t=>t.startsWith("y")?M:t.startsWith("M")?d:y,a=y=>{const d=y.split("").pop();return["y","M","d"].includes(d)?"":d};exports.default=(y,d)=>{const M=(null==y?void 0:y.code)||"en-GB",{format:t,separator:o}=(y=>{const d={day:"dd",month:"MM",year:"yyyy"},M=new Intl.DateTimeFormat(y);let t="";const r=M.formatToParts(new Date).map((({type:y,value:M})=>["day","month","year"].includes(y)?d[y]:(t||(t=M),M))).join("");return y.startsWith("bg")?{format:r.substring(0,10),separator:t}:{format:r,separator:t}})(M),s={"en-CA":{format:"MM/dd/yyyy",separator:"/"},"en-US":{format:"MM/dd/yyyy",separator:"/"},"fr-CA":{format:"dd/MM/yyyy"},"en-ZA":{format:"dd/MM/yyyy"},"ar-EG":{format:"dd/MM/yyyy"}}[M]||{};var n;const u=null!==(n=null!=d?d:s.format)&&void 0!==n?n:t;var l;const c=null!==(l=s.separator)&&void 0!==l?l:o;return{format:u,formats:r(e(u),c,a(u))}};

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"),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 h=b(t).default.forwardRef(((b,y)=>{var{adaptiveLabelBreakpoint:h,allowEmptyValue:v,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:q,onFocus:A,onKeyDown:C,pickerProps:F,readOnly:M,size:R="medium",tooltipPosition:B,value:W,inputWidth:E,labelWidth:K,maxWidth:z,inputName:T,onPickerClose:N,onPickerOpen:Y,datePickerAriaLabel:G,datePickerAriaLabelledBy:U}=b,$=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","datePickerAriaLabel","datePickerAriaLabelledBy"]);const H=t.useRef(null),J=t.useRef(null),Q=t.useRef(null),X=t.useRef(!1),Z=t.useRef(!1),ee=t.useRef(!1),te=a.default(),{dateFnsLocale:re,dateFormatOverride:ae}=te.date,{format:ne,formats:le}=t.useMemo((()=>u.default(re(),ae)),[re,ae]),{inputRefMap:ie,setInputRefMap:ue}=t.useContext(d.default),[oe,se]=t.useState(!1),[ce,de]=t.useState((()=>{if(r.isValidLocaleDate(W,re()))return r.checkISOFormatAndLength(W)?r.parseISODate(W):r.parseDate(ne,W)})),pe=t.useRef(!0),fe=t.useRef(f.default()),me=e=>v&&!e.length?e:null,be=e=>{const{id:t,name:a}=e.target,[n,l]=r.findMatchedFormatAndValue(e.target.value,le),i="blur"===e.type?r.formattedValue(ne,ce):e.target.value,u=r.isDateValid(r.parseDate(n,l))?r.formatToISO(...r.additionalYears(n,l)):me(e.target.value);return{target:g(O({},a&&{name:a},t&&{id:t}),{value:{formattedValue:i,rawValue:u}})}},ye=p.default((()=>{var e,t;oe&&(X.current=!0,null===(e=Q.current)||void 0===e||e.focus(),Z.current=!1,null===(t=Q.current)||void 0===t||t.blur(),se(!1),null==N||N(),X.current=!1)}),"mousedown"),Oe=t.useCallback((e=>{oe&&n.default.isEscKey(e)&&(se(!1),null==N||N(),e.stopPropagation())}),[N,oe]),ge=e=>{q&&q(e)},he=t.useCallback((e=>{var t;Q.current=e,J.current=null==e?void 0:e.parentElement,y&&("function"==typeof y?y(e):y.current=e),T&&(null==ie||null===(t=ie[T])||void 0===t?void 0:t.setOpen)!==se&&(null==ue||ue({[T]:{isBlurBlocked:Z,setOpen:se}}))}),[T,ie,ue,y]);t.useEffect((()=>{const[e,t]=r.findMatchedFormatAndValue(W,le);e&&t&&r.isDateValid(r.parseDate(e,t))?de(r.parseDate(...r.additionalYears(e,t))):r.checkISOFormatAndLength(W)&&pe.current?de(r.parseISODate(W)):de(void 0)}),[W,le]);const ve=l.default($);return e.jsxs(o.default,g(O(g(O({ref:H,role:"presentation",size:R,labelInline:w},ve),{applyDateRangeStyling:!!ie,maxWidth:z,inputWidth:E}),m.default("date",{"data-element":k,"data-role":j})),{children:[e.jsx(s.Textbox,g(O({},i.default($)),{"data-component":"date-input",value:(()=>{if(r.checkISOFormatAndLength(W)&&pe.current)return r.formattedValue(ne,r.parseISODate(W));const e=r.getSeparator(W),t=r.getSeparator(ne),a=()=>W.split("").map((r=>r===e?t:r)).join("");if(pe.current&&e!==t&&r.isDateValid(r.parseDate(ne,a()))){pe.current=!1;const[e,t]=r.findMatchedFormatAndValue(a(),le);return r.formattedValue(ne,r.parseDate(...r.additionalYears(e,t)))}return W})(),onBlur:e=>{if(D||M)return;let t;if(r.isDateValid(ce)){t=be(e);const a=r.checkISOFormatAndLength(W)?r.formattedValue(ne,r.parseISODate(W)):W,[,n]=r.findMatchedFormatAndValue(a,le);r.formattedValue(ne,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:me(e.target.value)}})}}Z.current||V&&V(t)},onChange:e=>{pe.current=!1,I(be(e))},onClick:ge,onFocus:e=>{D||M||(Z.current=!1,oe||X.current?X.current=!1:(se(!0),null==Y||Y()),A&&A(e))},onKeyUp:Oe,onKeyDown:e=>{if(C&&C(e),oe&&n.default.isTabKey(e)){if(n.default.isShiftKey(e))se(!1),null==N||N();else if(!P){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${fe.current}"]`))||void 0===t||t.focus()}X.current=!1}},iconOnClick:ge,onMouseDown:()=>{ye(),ue&&(Z.current=!0),oe||(se(!0),null==Y||Y())},iconOnMouseDown:()=>{Z.current=!0,X.current=!0,ye(),oe?(se(!1),null==N||N()):(se(!0),null==Y||Y())},inputIcon:"calendar",labelInline:w,ref:he,adaptiveLabelBreakpoint:h,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:J,pickerProps:F,selectedDays:ce,onDayClick:(e,t)=>{var a;de(e),I(be(g(O({},t),{target:g(O({},t.target),{value:r.formattedValue(ne,e)})}))),ee.current=!0,null===(a=Q.current)||void 0===a||a.focus(),se(!1)},minDate:L,maxDate:S,pickerMouseDown:()=>{Z.current=!0,ye()},open:oe,setOpen:se,pickerTabGuardId:fe.current,onPickerClose:N,ariaLabel:G,ariaLabelledBy:U})]}))}));h.displayName="DateInput",exports.DateInput=h,exports.default=h;
+"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;

package/lib/components/date-range/date-range.component.d.ts

@@ -100,7 +100,7 @@ export interface DateRangeProps extends StyledDateRangeProps, MarginProps, TagPr
     datePickerEndAriaLabelledBy?: string;
 }
 export declare const DateRange: {
-    ({ endDateProps, id, labelsInline, name, onBlur, onChange, startDateProps, tooltipPosition, validationOnLabel, value, startRef, endRef, required, isOptional, datePickerStartAriaLabel, datePickerStartAriaLabelledBy, datePickerEndAriaLabel, datePickerEndAriaLabelledBy, ...rest }: DateRangeProps): React.JSX.Element;
+    ({ endDateProps, id, labelsInline, name, onBlur, onChange, startDateProps, tooltipPosition, validationOnLabel, value, startRef, endRef, required, isOptional, dateFormatOverride: dateFormatOverrideProp, datePickerStartAriaLabel, datePickerStartAriaLabelledBy, datePickerEndAriaLabel, datePickerEndAriaLabelledBy, ...rest }: DateRangeProps): React.JSX.Element;
     displayName: string;
 };
 export default DateRange;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../date/__internal__/utils.js"),a=require("../date/date.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var n=require("../../style/utils/filter-styled-system-margin-props.js"),l=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("./date-range.style.js"),o=require("../../__internal__/utils/helpers/events/events.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js"),u=require("../../hooks/__internal__/usePrevious/index.js"),d=require("../date/__internal__/date-formats/index.js"),c=require("./__internal__/date-range.context.js"),p=require("../carbon-provider/__internal__/new-validation.context.js"),f=require("../../__internal__/utils/logger/index.js");function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(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){b(e,t,r[t])}))}return e}function O(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}let m=!1;const v=b=>{var{endDateProps:v={},id:g,labelsInline:_,name:j,onBlur:P,onChange:k,startDateProps:h={},tooltipPosition:w,validationOnLabel:B,value:S,startRef:q,endRef:L,required:I,isOptional:x,datePickerStartAriaLabel:V,datePickerStartAriaLabelledBy:D,datePickerEndAriaLabel:E,datePickerEndAriaLabelledBy:A}=b,R=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,["endDateProps","id","labelsInline","name","onBlur","onChange","startDateProps","tooltipPosition","validationOnLabel","value","startRef","endRef","required","isOptional","datePickerStartAriaLabel","datePickerStartAriaLabelledBy","datePickerEndAriaLabel","datePickerEndAriaLabelledBy"]);!m&&x&&(m=!0,f.default.deprecate("`isOptional` is deprecated in DateRange and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:C}=t.useContext(p.default),T=!C&&_,F=s.default(),{dateFnsLocale:K,dateFormatOverride:M}=F.date,{format:$}=t.useMemo((()=>d.default(K(),M)),[K,M]),[N,W]=t.useState(""),z=t.useCallback((e=>r.checkISOFormatAndLength(e)?r.formattedValue($,r.parseISODate(e)):e),[$]),G=t.useCallback((()=>{const{value:e}=h;return z(e||S[0])}),[h,S,z]),H=t.useCallback((()=>{const{value:e}=v;return z(e||S[1])}),[v,S,z]),[J,Q]=t.useState({start:{isBlurBlocked:{current:!1},setOpen:null},end:{isBlurBlocked:{current:!1},setOpen:null}});function U(e,t){return e&&!t.length}const[X,Y]=t.useState({formattedValue:G(),rawValue:U(!!h.allowEmptyValue,G())?"":r.formatToISO($,G())}),[Z,ee]=t.useState({formattedValue:H(),rawValue:U(!!v.allowEmptyValue,H())?"":r.formatToISO($,H())}),te=u.default(S);t.useEffect((()=>{(null==te?void 0:te.length)&&(S[0]!==te[0]||S[1]!==te[1])&&(Y({formattedValue:G(),rawValue:U(!!h.allowEmptyValue,G())?"":r.formatToISO($,G())}),ee({formattedValue:H(),rawValue:U(!!v.allowEmptyValue,H())?"":r.formatToISO($,H())}))}),[S,te,v.allowEmptyValue,$,H,G,h.allowEmptyValue]);const re=t.useCallback(((e,t)=>{const r="start"===e?t:X,a="end"===e?t:Z;return W(e),{target:O(y({},j&&{name:j},g&&{id:g}),{value:[r,a]})}}),[Z,g,j,X]),ae=(e,t)=>{"start"===e?Y(y({},t.target.value)):ee(y({},t.target.value));const r=re(e,t.target.value);k(r)},ne=e=>{ae("start",e)},le=e=>{ae("end",e)},ie=e=>{var t,r;if(!(null==J||null===(t=J.start)||void 0===t?void 0:t.isBlurBlocked.current)&&!(null==J||null===(r=J.end)||void 0===r?void 0:r.isBlurBlocked.current)&&P){const t=re(N,e.target.value);P(t)}},oe=e=>{(e=>{const t=null==J?void 0:J[e];var r;t&&(null===(r=t.setOpen)||void 0===r||r.call(t,!1),t.isBlurBlocked.current=!1)})(e),W("start"===e?"end":"start")},se=e=>{const t="start"===e?h:v,{formattedValue:r}="start"===e?X:Z,a="start"===e?ne:le;return O(y({label:R[`${e}Label`],labelInline:T,value:r,error:R[`${e}Error`],warning:R[`${e}Warning`],info:R[`${e}Info`],validationOnLabel:B,onBlur:ie,onChange:a,onKeyDown:t=>((e,t)=>{o.default.isTabKey(e)&&o.default.isShiftKey(e)&&(null==J?void 0:J.start)?J.start.isBlurBlocked.current=!("start"===t):o.default.isTabKey(e)&&(null==J?void 0:J.end)&&(J.end.isBlurBlocked.current=!("end"===t))})(t,e)},t),{required:I,isOptional:x})};return e.jsx(i.default,O(y(O(y({},l.default("date-range",R)),{labelsInline:T}),n.default(R)),{children:e.jsxs(c.default.Provider,{value:{inputRefMap:J,setInputRefMap:e=>{Q((t=>y({},t,e)))}},children:[e.jsx(a.DateInput,O(y({my:0},se("start")),{onFocus:()=>oe("end"),"data-element":"start-date",inputName:"start",labelWidth:40,tooltipPosition:w,ref:q,datePickerAriaLabel:V,datePickerAriaLabelledBy:D})),e.jsx(a.DateInput,O(y({my:0},se("end")),{onFocus:()=>oe("start"),"data-element":"end-date",inputName:"end",labelWidth:40,tooltipPosition:w,ref:L,datePickerAriaLabel:E,datePickerAriaLabelledBy:A}))]})}))};v.displayName="DateRange",exports.DateRange=v,exports.default=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../date/__internal__/utils.js"),a=require("../date/date.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var n=require("../../style/utils/filter-styled-system-margin-props.js"),l=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("./date-range.style.js"),o=require("../../__internal__/utils/helpers/events/events.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js"),u=require("../../hooks/__internal__/usePrevious/index.js"),d=require("../date/__internal__/date-formats/index.js"),c=require("./__internal__/date-range.context.js"),p=require("../carbon-provider/__internal__/new-validation.context.js"),f=require("../../__internal__/utils/logger/index.js");function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(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){b(e,t,r[t])}))}return e}function O(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}let m=!1;const v=b=>{var{endDateProps:v={},id:g,labelsInline:_,name:j,onBlur:P,onChange:k,startDateProps:h={},tooltipPosition:w,validationOnLabel:B,value:S,startRef:q,endRef:L,required:I,isOptional:x,dateFormatOverride:V,datePickerStartAriaLabel:D,datePickerStartAriaLabelledBy:E,datePickerEndAriaLabel:A,datePickerEndAriaLabelledBy:R}=b,C=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,["endDateProps","id","labelsInline","name","onBlur","onChange","startDateProps","tooltipPosition","validationOnLabel","value","startRef","endRef","required","isOptional","dateFormatOverride","datePickerStartAriaLabel","datePickerStartAriaLabelledBy","datePickerEndAriaLabel","datePickerEndAriaLabelledBy"]);!m&&x&&(m=!0,f.default.deprecate("`isOptional` is deprecated in DateRange and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:F}=t.useContext(p.default),T=!F&&_,K=s.default(),{dateFnsLocale:M,dateFormatOverride:$}=K.date,{format:N}=t.useMemo((()=>d.default(M(),V||$)),[M,V,$]),[W,z]=t.useState(""),G=t.useCallback((e=>r.checkISOFormatAndLength(e)?r.formattedValue(N,r.parseISODate(e)):e),[N]),H=t.useCallback((()=>{const{value:e}=h;return G(e||S[0])}),[h,S,G]),J=t.useCallback((()=>{const{value:e}=v;return G(e||S[1])}),[v,S,G]),[Q,U]=t.useState({start:{isBlurBlocked:{current:!1},setOpen:null},end:{isBlurBlocked:{current:!1},setOpen:null}});function X(e,t){return e&&!t.length}const[Y,Z]=t.useState({formattedValue:H(),rawValue:X(!!h.allowEmptyValue,H())?"":r.formatToISO(N,H())}),[ee,te]=t.useState({formattedValue:J(),rawValue:X(!!v.allowEmptyValue,J())?"":r.formatToISO(N,J())}),re=u.default(S);t.useEffect((()=>{(null==re?void 0:re.length)&&(S[0]!==re[0]||S[1]!==re[1])&&(Z({formattedValue:H(),rawValue:X(!!h.allowEmptyValue,H())?"":r.formatToISO(N,H())}),te({formattedValue:J(),rawValue:X(!!v.allowEmptyValue,J())?"":r.formatToISO(N,J())}))}),[S,re,v.allowEmptyValue,N,J,H,h.allowEmptyValue]);const ae=t.useCallback(((e,t)=>{const r="start"===e?t:Y,a="end"===e?t:ee;return z(e),{target:O(y({},j&&{name:j},g&&{id:g}),{value:[r,a]})}}),[ee,g,j,Y]),ne=(e,t)=>{"start"===e?Z(y({},t.target.value)):te(y({},t.target.value));const r=ae(e,t.target.value);k(r)},le=e=>{ne("start",e)},ie=e=>{ne("end",e)},oe=e=>{var t,r;if(!(null==Q||null===(t=Q.start)||void 0===t?void 0:t.isBlurBlocked.current)&&!(null==Q||null===(r=Q.end)||void 0===r?void 0:r.isBlurBlocked.current)&&P){const t=ae(W,e.target.value);P(t)}},se=e=>{(e=>{const t=null==Q?void 0:Q[e];var r;t&&(null===(r=t.setOpen)||void 0===r||r.call(t,!1),t.isBlurBlocked.current=!1)})(e),z("start"===e?"end":"start")},ue=e=>{const t="start"===e?h:v,{formattedValue:r}="start"===e?Y:ee,a="start"===e?le:ie;return O(y({label:C[`${e}Label`],labelInline:T,value:r,error:C[`${e}Error`],warning:C[`${e}Warning`],info:C[`${e}Info`],validationOnLabel:B,onBlur:oe,onChange:a,onKeyDown:t=>((e,t)=>{o.default.isTabKey(e)&&o.default.isShiftKey(e)&&(null==Q?void 0:Q.start)?Q.start.isBlurBlocked.current=!("start"===t):o.default.isTabKey(e)&&(null==Q?void 0:Q.end)&&(Q.end.isBlurBlocked.current=!("end"===t))})(t,e)},t),{required:I,isOptional:x})};return e.jsx(i.default,O(y(O(y({},l.default("date-range",C)),{labelsInline:T}),n.default(C)),{children:e.jsxs(c.default.Provider,{value:{inputRefMap:Q,setInputRefMap:e=>{U((t=>y({},t,e)))}},children:[e.jsx(a.DateInput,O(y({my:0},ue("start")),{onFocus:()=>se("end"),"data-element":"start-date",inputName:"start",labelWidth:40,tooltipPosition:w,ref:q,datePickerAriaLabel:D,datePickerAriaLabelledBy:E})),e.jsx(a.DateInput,O(y({my:0},ue("end")),{onFocus:()=>se("start"),"data-element":"end-date",inputName:"end",labelWidth:40,tooltipPosition:w,ref:L,datePickerAriaLabel:A,datePickerAriaLabelledBy:R}))]})}))};v.displayName="DateRange",exports.DateRange=v,exports.default=v;

package/package.json

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