@consta/uikit 5.6.1 → 5.8.0

package/__internal__/src/components/DatePicker/DatePickerTypeDateRange/DatePickerTypeDateRange.d.ts

@@ -1,2 +1,2 @@
-import { DatePickerTypeComponent } from '../types';
-export declare const DatePickerTypeDateRange: DatePickerTypeComponent<'date-range'>;
+import { DatePickerTypeComponent } from '../types';
+export declare const DatePickerTypeDateRange: DatePickerTypeComponent<'date-range'>;

package/__internal__/src/components/DatePicker/DatePickerTypeDateRange/DatePickerTypeDateRange.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","onFocus","onBlur","leftSide","rightSide","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","dropdownClassName","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled"];import addMonths from"date-fns/addMonths";import startOfMonth from"date-fns/startOfMonth";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeDateRange}from"../DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange";import{getDropdownZIndex,getFieldName,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDateRange=forwardRef(function(a,b){var c,d,e,f,g=a.events,h=a.dateTimeView,i=void 0===h?datePickerPropDateTimeViewDefault:h,j=a.locale,k=a.dropdownForm,l=a.onFocus,m=a.onBlur,n=a.leftSide,o=a.rightSide,p=a.currentVisibleDate,q=a.onChangeCurrentVisibleDate,r=a.renderAdditionalControls,s=a.inputRef,t=a.dropdownClassName,u=a.name,v=a.placeholder,w=a.onDropdownOpen,x=a.dropdownOpen,y=a.ignoreOutsideClicksRefs,z=a.disabled,A=_objectWithoutProperties(a,_excluded),B=useRef(null),C=useRef(null),D=useRef(null),E=useRef(null),F=useRef(null),G=useState(!1),H=_slicedToArray(G,2),I=H[0],J=H[1],K="start"===I,L="end"===I,M=useCalendarVisible({dropdownOpen:x,onDropdownOpen:w,disabled:z,startRef:D,endRef:E}),N=_slicedToArray(M,2),O=N[0],P=N[1],Q=useCurrentVisibleDate({currentVisibleDate:p,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:q,calendarVisible:O}),R=_slicedToArray(Q,2),S=R[0],T=R[1];return useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[0]&&"classic"===i&&K){var d=startOfMonth(a.value[0]);return void(d.getTime()!==(null===S||void 0===S?void 0:S.getTime())&&T(d))}if(null!==(c=a.value)&&void 0!==c&&c[0]&&"classic"!==i&&K){var e=startOfMonth(a.value[0]);e.getTime()!==(null===S||void 0===S?void 0:S.getTime())&&e.getTime()!==(S&&addMonths(S,1).getTime())&&T(e)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),O,K]),useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[1]&&"classic"===i&&L){var d=startOfMonth(a.value[1]);return void(d.getTime()!==(null===S||void 0===S?void 0:S.getTime())&&T(d))}if(null!==(c=a.value)&&void 0!==c&&c[1]&&"classic"!==i&&L){var e=startOfMonth(a.value[1]);e.getTime()!==(null===S||void 0===S?void 0:S.getTime())&&e.getTime()!==(S&&addMonths(S,1).getTime())&&T(addMonths(e,-1))}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),O,L]),useClickOutside({isActive:O,ignoreClicksInsideRefs:[B,C,F].concat(_toConsumableArray(null!==y&&void 0!==y?y:[])),handler:useCallback(function(){J(!1),P.off()},[])}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDateRange,Object.assign({},A,{ref:b,startFieldRef:B,endFieldRef:C,startFieldInputRef:useForkRef([D,null===s||void 0===s?void 0:s[0]]),endFieldInputRef:useForkRef([E,null===s||void 0===s?void 0:s[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;J("start"),Array.isArray(l)?null===(b=l[0])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},endFieldOnFocus:function endFieldOnFocusHandler(a){var b;J("end"),Array.isArray(l)?null===(b=l[1])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},startFieldLeftSide:Array.isArray(n)?null===n||void 0===n?void 0:n[0]:n,startFieldRightSide:Array.isArray(o)?null===o||void 0===o?void 0:o[0]:void 0,endFieldLeftSide:Array.isArray(n)?null===n||void 0===n?void 0:n[1]:void 0,endFieldRightSide:Array.isArray(o)?null===o||void 0===o?void 0:o[1]:o,startFieldOnBlur:function startFieldOnBlurHandler(a){var b;return Array.isArray(m)?null===(b=m[0])||void 0===b?void 0:b.call(m,a):null===m||void 0===m?void 0:m(a)},startFieldOnClick:P.on,endFieldOnClick:P.on,endFieldOnBlur:function endFieldOnBlurHandler(a){var b;return Array.isArray(m)?null===(b=m[1])||void 0===b?void 0:b.call(m,a):null===m||void 0===m?void 0:m(a)},startFocused:K,endFocused:L,startFieldName:getFieldName(u,0),endFieldName:getFieldName(u,1),startFieldPlaceholder:Array.isArray(v)?null===v||void 0===v?void 0:v[0]:v,endFieldPlaceholder:Array.isArray(v)?null===v||void 0===v?void 0:v[1]:v,disabled:z})),React.createElement(DatePickerDropdown,{type:"date",ref:F,anchorRef:B,className:t,isOpen:O,onChangeCurrentVisibleDate:T,currentVisibleDate:S,value:a.value||void 0,view:i,events:g,locale:j,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function hadleChange(b,c){var d=c.e;if(K){var e,f,g=normalizeRangeValue([b,null===a||void 0===a||null===(e=a.value)||void 0===e?void 0:e[1]]);null===(f=a.onChange)||void 0===f?void 0:f.call(a,g,{e:d})}if(L){var h,i,j=normalizeRangeValue([null===a||void 0===a||null===(h=a.value)||void 0===h?void 0:h[0],b]);null===(i=a.onChange)||void 0===i?void 0:i.call(a,j,{e:d})}},renderAdditionalControls:r,zIndex:getDropdownZIndex(a.style)}))});
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","onFocus","onBlur","leftSide","rightSide","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","dropdownClassName","dropdownRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled"];import addMonths from"date-fns/addMonths";import startOfMonth from"date-fns/startOfMonth";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeDateRange}from"../DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange";import{getDropdownZIndex,getFieldName,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDateRange=forwardRef(function(a,b){var c,d,e,f,g=a.events,h=a.dateTimeView,i=void 0===h?datePickerPropDateTimeViewDefault:h,j=a.locale,k=a.dropdownForm,l=a.onFocus,m=a.onBlur,n=a.leftSide,o=a.rightSide,p=a.currentVisibleDate,q=a.onChangeCurrentVisibleDate,r=a.renderAdditionalControls,s=a.inputRef,t=a.dropdownClassName,u=a.dropdownRef,v=a.name,w=a.placeholder,x=a.onDropdownOpen,y=a.dropdownOpen,z=a.ignoreOutsideClicksRefs,A=a.disabled,B=_objectWithoutProperties(a,_excluded),C=useRef(null),D=useRef(null),E=useRef(null),F=useRef(null),G=useRef(null),H=useState(!1),I=_slicedToArray(H,2),J=I[0],K=I[1],L="start"===J,M="end"===J,N=useCalendarVisible({dropdownOpen:y,onDropdownOpen:x,disabled:A,startRef:E,endRef:F}),O=_slicedToArray(N,2),P=O[0],Q=O[1],R=useCurrentVisibleDate({currentVisibleDate:p,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:q,calendarVisible:P}),S=_slicedToArray(R,2),T=S[0],U=S[1];return useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[0]&&"classic"===i&&L){var d=startOfMonth(a.value[0]);return void(d.getTime()!==(null===T||void 0===T?void 0:T.getTime())&&U(d))}if(null!==(c=a.value)&&void 0!==c&&c[0]&&"classic"!==i&&L){var e=startOfMonth(a.value[0]);e.getTime()!==(null===T||void 0===T?void 0:T.getTime())&&e.getTime()!==(T&&addMonths(T,1).getTime())&&U(e)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),P,L]),useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[1]&&"classic"===i&&M){var d=startOfMonth(a.value[1]);return void(d.getTime()!==(null===T||void 0===T?void 0:T.getTime())&&U(d))}if(null!==(c=a.value)&&void 0!==c&&c[1]&&"classic"!==i&&M){var e=startOfMonth(a.value[1]);e.getTime()!==(null===T||void 0===T?void 0:T.getTime())&&e.getTime()!==(T&&addMonths(T,1).getTime())&&U(addMonths(e,-1))}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),P,M]),useClickOutside({isActive:P,ignoreClicksInsideRefs:[C,D,G].concat(_toConsumableArray(null!==z&&void 0!==z?z:[])),handler:useCallback(function(){K(!1),Q.off()},[])}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDateRange,Object.assign({},B,{ref:b,startFieldRef:C,endFieldRef:D,startFieldInputRef:useForkRef([E,null===s||void 0===s?void 0:s[0]]),endFieldInputRef:useForkRef([F,null===s||void 0===s?void 0:s[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;K("start"),Array.isArray(l)?null===(b=l[0])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},endFieldOnFocus:function endFieldOnFocusHandler(a){var b;K("end"),Array.isArray(l)?null===(b=l[1])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},startFieldLeftSide:Array.isArray(n)?null===n||void 0===n?void 0:n[0]:n,startFieldRightSide:Array.isArray(o)?null===o||void 0===o?void 0:o[0]:void 0,endFieldLeftSide:Array.isArray(n)?null===n||void 0===n?void 0:n[1]:void 0,endFieldRightSide:Array.isArray(o)?null===o||void 0===o?void 0:o[1]:o,startFieldOnBlur:function startFieldOnBlurHandler(a){var b;return Array.isArray(m)?null===(b=m[0])||void 0===b?void 0:b.call(m,a):null===m||void 0===m?void 0:m(a)},startFieldOnClick:Q.on,endFieldOnClick:Q.on,endFieldOnBlur:function endFieldOnBlurHandler(a){var b;return Array.isArray(m)?null===(b=m[1])||void 0===b?void 0:b.call(m,a):null===m||void 0===m?void 0:m(a)},startFocused:L,endFocused:M,startFieldName:getFieldName(v,0),endFieldName:getFieldName(v,1),startFieldPlaceholder:Array.isArray(w)?null===w||void 0===w?void 0:w[0]:w,endFieldPlaceholder:Array.isArray(w)?null===w||void 0===w?void 0:w[1]:w,disabled:A})),React.createElement(DatePickerDropdown,{type:"date",ref:useForkRef([u,G]),anchorRef:C,className:t,isOpen:P,onChangeCurrentVisibleDate:U,currentVisibleDate:T,value:a.value||void 0,view:i,events:g,locale:j,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function hadleChange(b,c){var d=c.e;if(L){var e,f,g=normalizeRangeValue([b,null===a||void 0===a||null===(e=a.value)||void 0===e?void 0:e[1]]);null===(f=a.onChange)||void 0===f?void 0:f.call(a,g,{e:d})}if(M){var h,i,j=normalizeRangeValue([null===a||void 0===a||null===(h=a.value)||void 0===h?void 0:h[0],b]);null===(i=a.onChange)||void 0===i?void 0:i.call(a,j,{e:d})}},renderAdditionalControls:r,zIndex:getDropdownZIndex(a.style)}))});
 //# sourceMappingURL=DatePickerTypeDateRange.js.map

package/__internal__/src/components/DatePicker/DatePickerTypeDateRange/DatePickerTypeDateRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerTypeDateRange.js","names":["addMonths","startOfMonth","React","forwardRef","useCallback","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeDateRange","getDropdownZIndex","getFieldName","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeDateRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","dropdownClassName","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","on","endFieldOnBlurHandler","hadleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeDateRange/DatePickerTypeDateRange.tsx"],"sourcesContent":["import addMonths from 'date-fns/addMonths';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeDateRange } from '../DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange';\nimport {\n  getDropdownZIndex,\n  getFieldName,\n  normalizeRangeValue,\n} from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeDateRange: DatePickerTypeComponent<'date-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      onBlur,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      dropdownClassName,\n      name,\n      placeholder,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<'start' | 'end' | false>(\n      false,\n    );\n\n    const startFocused = fieldFocused === 'start';\n    const endFocused = fieldFocused === 'end';\n\n    const hadleChange: DatePickerDropdownPropOnChange = (value, { e }) => {\n      if (startFocused) {\n        const newValue = normalizeRangeValue([value, props?.value?.[1]]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n      if (endFocused) {\n        const newValue = normalizeRangeValue([props?.value?.[0], value]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: startFieldInputRef,\n      endRef: endFieldInputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfMonth,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('start');\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('end');\n      Array.isArray(onFocus) ? onFocus[1]?.(e) : onFocus?.(e);\n    };\n\n    // эффект для того чтобы календарь переключался при вводе с клавиатуры\n    useEffect(() => {\n      if (props.value?.[0] && dateTimeView === 'classic' && startFocused) {\n        const newVisibleDate = startOfMonth(props.value[0]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[0] && dateTimeView !== 'classic' && startFocused) {\n        const newVisibleDate = startOfMonth(props.value[0]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addMonths(currentVisibleDate, 1).getTime())\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[0]?.getTime(), calendarVisible, startFocused]);\n\n    useEffect(() => {\n      if (props.value?.[1] && dateTimeView === 'classic' && endFocused) {\n        const newVisibleDate = startOfMonth(props.value[1]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[1] && dateTimeView !== 'classic' && endFocused) {\n        const newVisibleDate = startOfMonth(props.value[1]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addMonths(currentVisibleDate, 1).getTime())\n        ) {\n          setCurrentVisibleDate(addMonths(newVisibleDate, -1));\n        }\n      }\n    }, [props.value?.[1]?.getTime(), calendarVisible, endFocused]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        startFieldRef,\n        endFieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: useCallback(() => {\n        setFieldFocused(false);\n        setCalendarVisible.off();\n      }, []),\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeDateRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldName={getFieldName(name, 0)}\n          endFieldName={getFieldName(name, 1)}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n          disabled={disabled}\n        />\n        <DatePickerDropdown\n          type=\"date\"\n          ref={calendarRef}\n          anchorRef={startFieldRef}\n          className={dropdownClassName}\n          isOpen={calendarVisible}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={hadleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerTypeDateRange.js","names":["addMonths","startOfMonth","React","forwardRef","useCallback","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeDateRange","getDropdownZIndex","getFieldName","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeDateRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","dropdownClassName","dropdownRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","on","endFieldOnBlurHandler","hadleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeDateRange/DatePickerTypeDateRange.tsx"],"sourcesContent":["import addMonths from 'date-fns/addMonths';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeDateRange } from '../DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange';\nimport {\n  getDropdownZIndex,\n  getFieldName,\n  normalizeRangeValue,\n} from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeDateRange: DatePickerTypeComponent<'date-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      onBlur,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      dropdownClassName,\n      dropdownRef,\n      name,\n      placeholder,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<'start' | 'end' | false>(\n      false,\n    );\n\n    const startFocused = fieldFocused === 'start';\n    const endFocused = fieldFocused === 'end';\n\n    const hadleChange: DatePickerDropdownPropOnChange = (value, { e }) => {\n      if (startFocused) {\n        const newValue = normalizeRangeValue([value, props?.value?.[1]]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n      if (endFocused) {\n        const newValue = normalizeRangeValue([props?.value?.[0], value]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: startFieldInputRef,\n      endRef: endFieldInputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfMonth,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('start');\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('end');\n      Array.isArray(onFocus) ? onFocus[1]?.(e) : onFocus?.(e);\n    };\n\n    // эффект для того чтобы календарь переключался при вводе с клавиатуры\n    useEffect(() => {\n      if (props.value?.[0] && dateTimeView === 'classic' && startFocused) {\n        const newVisibleDate = startOfMonth(props.value[0]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[0] && dateTimeView !== 'classic' && startFocused) {\n        const newVisibleDate = startOfMonth(props.value[0]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addMonths(currentVisibleDate, 1).getTime())\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[0]?.getTime(), calendarVisible, startFocused]);\n\n    useEffect(() => {\n      if (props.value?.[1] && dateTimeView === 'classic' && endFocused) {\n        const newVisibleDate = startOfMonth(props.value[1]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[1] && dateTimeView !== 'classic' && endFocused) {\n        const newVisibleDate = startOfMonth(props.value[1]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addMonths(currentVisibleDate, 1).getTime())\n        ) {\n          setCurrentVisibleDate(addMonths(newVisibleDate, -1));\n        }\n      }\n    }, [props.value?.[1]?.getTime(), calendarVisible, endFocused]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        startFieldRef,\n        endFieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: useCallback(() => {\n        setFieldFocused(false);\n        setCalendarVisible.off();\n      }, []),\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeDateRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldName={getFieldName(name, 0)}\n          endFieldName={getFieldName(name, 1)}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n          disabled={disabled}\n        />\n        <DatePickerDropdown\n          type=\"date\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          anchorRef={startFieldRef}\n          className={dropdownClassName}\n          isOpen={calendarVisible}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={hadleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerTypeDateTime/DatePickerTypeDateTime.d.ts

@@ -1,2 +1,2 @@
-import { DatePickerTypeComponent } from '../types';
-export declare const DatePickerTypeDateTime: DatePickerTypeComponent<'date-time'>;
+import { DatePickerTypeComponent } from '../types';
+export declare const DatePickerTypeDateTime: DatePickerTypeComponent<'date-time'>;

package/__internal__/src/components/DatePicker/DatePickerTypeDateTime/DatePickerTypeDateTime.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","dropdownClassName","currentVisibleDate","onChangeCurrentVisibleDate","multiplicityHours","multiplicityMinutes","multiplicitySeconds","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRef"];import addMonths from"date-fns/addMonths";import startOfMonth from"date-fns/startOfMonth";import React,{forwardRef,useEffect,useRef}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{setRef}from"../../../utils/setRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeDateTime}from"../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime";import{datePickerPropFormatTypeDateTime,getDropdownZIndex,getMultiplicityTime}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDateTime=forwardRef(function(a,b){var c=a.events,d=a.dateTimeView,e=void 0===d?datePickerPropDateTimeViewDefault:d,f=a.locale,g=a.dropdownForm,h=a.dropdownClassName,i=a.currentVisibleDate,j=a.onChangeCurrentVisibleDate,k=a.multiplicityHours,l=a.multiplicityMinutes,m=a.multiplicitySeconds,n=a.renderAdditionalControls,o=a.onDropdownOpen,p=a.dropdownOpen,q=a.ignoreOutsideClicksRefs,r=a.disabled,s=a.inputRef,t=_objectWithoutProperties(a,_excluded),u=getMultiplicityTime(t.format||datePickerPropFormatTypeDateTime,k,l,m),v=_slicedToArray(u,3),w=v[0],x=v[1],y=v[2],z=useRef(null),A=useRef(null),B=useRef(null),C=useCalendarVisible({dropdownOpen:p,onDropdownOpen:o,disabled:r,startRef:B}),D=_slicedToArray(C,2),E=D[0],F=D[1],G=useCurrentVisibleDate({currentVisibleDate:i,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:j,calendarVisible:E}),H=_slicedToArray(G,2),I=H[0],J=H[1];return useEffect(function(){b&&setRef(b,z.current)},[b,z]),useEffect(function(){if(a.value&&"classic"===e&&I){var b=startOfMonth(a.value);return void(b.getTime()!==I.getTime()&&J(b))}if(a.value&&"classic"!==e&&I){var c=startOfMonth(a.value);c.getTime()!==I.getTime()&&c.getTime()!==addMonths(I,1).getTime()&&J(c)}},[a.value]),useClickOutside({isActive:E,ignoreClicksInsideRefs:[z,A].concat(_toConsumableArray(null!==q&&void 0!==q?q:[])),handler:F.off}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDateTime,Object.assign({},t,{ref:z,inputRef:useForkRef([B,s]),onClick:F.on,multiplicityHours:w,multiplicitySeconds:y,multiplicityMinutes:x,disabled:r})),React.createElement(DatePickerDropdown,{ref:A,anchorRef:z,isOpen:E,value:a.value||void 0,type:"date-time",view:e,events:c,className:h,locale:f,minDate:a.minDate,maxDate:a.maxDate,currentVisibleDate:I,form:g,onChange:a.onChange,renderAdditionalControls:n,onChangeCurrentVisibleDate:J,multiplicityHours:w,multiplicitySeconds:y,multiplicityMinutes:x,zIndex:getDropdownZIndex(a.style)}))});
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","dropdownClassName","dropdownRef","currentVisibleDate","onChangeCurrentVisibleDate","multiplicityHours","multiplicityMinutes","multiplicitySeconds","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRef"];import addMonths from"date-fns/addMonths";import startOfMonth from"date-fns/startOfMonth";import React,{forwardRef,useEffect,useRef}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{setRef}from"../../../utils/setRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeDateTime}from"../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime";import{datePickerPropFormatTypeDateTime,getDropdownZIndex,getMultiplicityTime}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDateTime=forwardRef(function(a,b){var c=a.events,d=a.dateTimeView,e=void 0===d?datePickerPropDateTimeViewDefault:d,f=a.locale,g=a.dropdownForm,h=a.dropdownClassName,i=a.dropdownRef,j=a.currentVisibleDate,k=a.onChangeCurrentVisibleDate,l=a.multiplicityHours,m=a.multiplicityMinutes,n=a.multiplicitySeconds,o=a.renderAdditionalControls,p=a.onDropdownOpen,q=a.dropdownOpen,r=a.ignoreOutsideClicksRefs,s=a.disabled,t=a.inputRef,u=_objectWithoutProperties(a,_excluded),v=getMultiplicityTime(u.format||datePickerPropFormatTypeDateTime,l,m,n),w=_slicedToArray(v,3),x=w[0],y=w[1],z=w[2],A=useRef(null),B=useRef(null),C=useRef(null),D=useCalendarVisible({dropdownOpen:q,onDropdownOpen:p,disabled:s,startRef:C}),E=_slicedToArray(D,2),F=E[0],G=E[1],H=useCurrentVisibleDate({currentVisibleDate:j,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:k,calendarVisible:F}),I=_slicedToArray(H,2),J=I[0],K=I[1];return useEffect(function(){b&&setRef(b,A.current)},[b,A]),useEffect(function(){if(a.value&&"classic"===e&&J){var b=startOfMonth(a.value);return void(b.getTime()!==J.getTime()&&K(b))}if(a.value&&"classic"!==e&&J){var c=startOfMonth(a.value);c.getTime()!==J.getTime()&&c.getTime()!==addMonths(J,1).getTime()&&K(c)}},[a.value]),useClickOutside({isActive:F,ignoreClicksInsideRefs:[A,B].concat(_toConsumableArray(null!==r&&void 0!==r?r:[])),handler:G.off}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDateTime,Object.assign({},u,{ref:A,inputRef:useForkRef([C,t]),onClick:G.on,multiplicityHours:x,multiplicitySeconds:z,multiplicityMinutes:y,disabled:s})),React.createElement(DatePickerDropdown,{ref:useForkRef([i,B]),anchorRef:A,isOpen:F,value:a.value||void 0,type:"date-time",view:e,events:c,className:h,locale:f,minDate:a.minDate,maxDate:a.maxDate,currentVisibleDate:J,form:g,onChange:a.onChange,renderAdditionalControls:o,onChangeCurrentVisibleDate:K,multiplicityHours:x,multiplicitySeconds:z,multiplicityMinutes:y,zIndex:getDropdownZIndex(a.style)}))});
 //# sourceMappingURL=DatePickerTypeDateTime.js.map

package/__internal__/src/components/DatePicker/DatePickerTypeDateTime/DatePickerTypeDateTime.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerTypeDateTime.js","names":["addMonths","startOfMonth","React","forwardRef","useEffect","useRef","useClickOutside","useForkRef","setRef","DatePickerDropdown","DatePickerFieldTypeDateTime","datePickerPropFormatTypeDateTime","getDropdownZIndex","getMultiplicityTime","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeDateTime","props","ref","events","dateTimeView","locale","dropdownForm","dropdownClassName","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","multiplicityHoursProp","multiplicityHours","multiplicityMinutesProp","multiplicityMinutes","multiplicitySecondsProp","multiplicitySeconds","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRefProp","inputRef","otherProps","format","fieldRef","calendarRef","startRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","current","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","on","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeDateTime/DatePickerTypeDateTime.tsx"],"sourcesContent":["import addMonths from 'date-fns/addMonths';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { setRef } from '##/utils/setRef';\n\nimport { DatePickerDropdown } from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeDateTime } from '../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime';\nimport {\n  datePickerPropFormatTypeDateTime,\n  getDropdownZIndex,\n  getMultiplicityTime,\n} from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeDateTime: DatePickerTypeComponent<'date-time'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      dropdownClassName,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      multiplicityHours: multiplicityHoursProp,\n      multiplicityMinutes: multiplicityMinutesProp,\n      multiplicitySeconds: multiplicitySecondsProp,\n      renderAdditionalControls,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      inputRef: inputRefProp,\n      ...otherProps\n    } = props;\n\n    const [multiplicityHours, multiplicityMinutes, multiplicitySeconds] =\n      getMultiplicityTime(\n        otherProps.format || datePickerPropFormatTypeDateTime,\n        multiplicityHoursProp,\n        multiplicityMinutesProp,\n        multiplicitySecondsProp,\n      );\n\n    const fieldRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: inputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfMonth,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    useEffect(() => {\n      if (ref) {\n        setRef(ref, fieldRef.current);\n      }\n    }, [ref, fieldRef]);\n\n    useEffect(() => {\n      if (props.value && dateTimeView === 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfMonth(props.value);\n        if (newVisibleDate.getTime() !== currentVisibleDate.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value && dateTimeView !== 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfMonth(props.value);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate.getTime() &&\n          newVisibleDate.getTime() !==\n            addMonths(currentVisibleDate, 1).getTime()\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        fieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: setCalendarVisible.off,\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeDateTime\n          {...otherProps}\n          ref={fieldRef}\n          inputRef={useForkRef([inputRef, inputRefProp])}\n          onClick={setCalendarVisible.on}\n          multiplicityHours={multiplicityHours}\n          multiplicitySeconds={multiplicitySeconds}\n          multiplicityMinutes={multiplicityMinutes}\n          disabled={disabled}\n        />\n        <DatePickerDropdown\n          ref={calendarRef}\n          anchorRef={fieldRef}\n          isOpen={calendarVisible}\n          value={props.value || undefined}\n          type=\"date-time\"\n          view={dateTimeView}\n          events={events}\n          className={dropdownClassName}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          currentVisibleDate={currentVisibleDate}\n          form={dropdownForm}\n          onChange={props.onChange}\n          renderAdditionalControls={renderAdditionalControls}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          multiplicityHours={multiplicityHours}\n          multiplicitySeconds={multiplicitySeconds}\n          multiplicityMinutes={multiplicityMinutes}\n          zIndex={getDropdownZIndex(props.style)}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerTypeDateTime.js","names":["addMonths","startOfMonth","React","forwardRef","useEffect","useRef","useClickOutside","useForkRef","setRef","DatePickerDropdown","DatePickerFieldTypeDateTime","datePickerPropFormatTypeDateTime","getDropdownZIndex","getMultiplicityTime","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeDateTime","props","ref","events","dateTimeView","locale","dropdownForm","dropdownClassName","dropdownRef","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","multiplicityHoursProp","multiplicityHours","multiplicityMinutesProp","multiplicityMinutes","multiplicitySecondsProp","multiplicitySeconds","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRefProp","inputRef","otherProps","format","fieldRef","calendarRef","startRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","current","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","on","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeDateTime/DatePickerTypeDateTime.tsx"],"sourcesContent":["import addMonths from 'date-fns/addMonths';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { setRef } from '##/utils/setRef';\n\nimport { DatePickerDropdown } from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeDateTime } from '../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime';\nimport {\n  datePickerPropFormatTypeDateTime,\n  getDropdownZIndex,\n  getMultiplicityTime,\n} from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeDateTime: DatePickerTypeComponent<'date-time'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      dropdownClassName,\n      dropdownRef,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      multiplicityHours: multiplicityHoursProp,\n      multiplicityMinutes: multiplicityMinutesProp,\n      multiplicitySeconds: multiplicitySecondsProp,\n      renderAdditionalControls,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      inputRef: inputRefProp,\n      ...otherProps\n    } = props;\n\n    const [multiplicityHours, multiplicityMinutes, multiplicitySeconds] =\n      getMultiplicityTime(\n        otherProps.format || datePickerPropFormatTypeDateTime,\n        multiplicityHoursProp,\n        multiplicityMinutesProp,\n        multiplicitySecondsProp,\n      );\n\n    const fieldRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: inputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfMonth,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    useEffect(() => {\n      if (ref) {\n        setRef(ref, fieldRef.current);\n      }\n    }, [ref, fieldRef]);\n\n    useEffect(() => {\n      if (props.value && dateTimeView === 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfMonth(props.value);\n        if (newVisibleDate.getTime() !== currentVisibleDate.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value && dateTimeView !== 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfMonth(props.value);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate.getTime() &&\n          newVisibleDate.getTime() !==\n            addMonths(currentVisibleDate, 1).getTime()\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        fieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: setCalendarVisible.off,\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeDateTime\n          {...otherProps}\n          ref={fieldRef}\n          inputRef={useForkRef([inputRef, inputRefProp])}\n          onClick={setCalendarVisible.on}\n          multiplicityHours={multiplicityHours}\n          multiplicitySeconds={multiplicitySeconds}\n          multiplicityMinutes={multiplicityMinutes}\n          disabled={disabled}\n        />\n        <DatePickerDropdown\n          ref={useForkRef([dropdownRef, calendarRef])}\n          anchorRef={fieldRef}\n          isOpen={calendarVisible}\n          value={props.value || undefined}\n          type=\"date-time\"\n          view={dateTimeView}\n          events={events}\n          className={dropdownClassName}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          currentVisibleDate={currentVisibleDate}\n          form={dropdownForm}\n          onChange={props.onChange}\n          renderAdditionalControls={renderAdditionalControls}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          multiplicityHours={multiplicityHours}\n          multiplicitySeconds={multiplicitySeconds}\n          multiplicityMinutes={multiplicityMinutes}\n          zIndex={getDropdownZIndex(props.style)}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.d.ts

@@ -1,2 +1,2 @@
-import { DatePickerTypeComponent } from '../types';
-export declare const DatePickerTypeDateTimeRange: DatePickerTypeComponent<'date-time-range'>;
+import { DatePickerTypeComponent } from '../types';
+export declare const DatePickerTypeDateTimeRange: DatePickerTypeComponent<'date-time-range'>;

package/__internal__/src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","onFocus","onBlur","leftSide","rightSide","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","multiplicityMinutes","dropdownClassName","multiplicitySeconds","multiplicityHours","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled"];import startOfMonth from"date-fns/startOfMonth";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeDateTimeRange}from"../DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange";import{getDropdownZIndex,getFieldName,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDateTimeRange=forwardRef(function(a,b){var c,d,e,f,g=a.events,h=a.dateTimeView,i=void 0===h?datePickerPropDateTimeViewDefault:h,j=a.locale,k=a.dropdownForm,l=a.onFocus,m=a.onBlur,n=a.leftSide,o=a.rightSide,p=a.currentVisibleDate,q=a.onChangeCurrentVisibleDate,r=a.renderAdditionalControls,s=a.inputRef,t=a.name,u=a.placeholder,v=a.multiplicityMinutes,w=a.dropdownClassName,x=a.multiplicitySeconds,y=a.multiplicityHours,z=a.onDropdownOpen,A=a.dropdownOpen,B=a.ignoreOutsideClicksRefs,C=a.disabled,D=_objectWithoutProperties(a,_excluded),E=useRef(null),F=useRef(null),G=useRef(null),H=useRef(null),I=useRef(null),J=useState(!1),K=_slicedToArray(J,2),L=K[0],M=K[1],N="start"===L,O="end"===L,P=useCalendarVisible({dropdownOpen:A,onDropdownOpen:z,disabled:C,startRef:G,endRef:H}),Q=_slicedToArray(P,2),R=Q[0],S=Q[1],T=useCurrentVisibleDate({currentVisibleDate:p,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:q,calendarVisible:R}),U=_slicedToArray(T,2),V=U[0],W=U[1];return useEffect(function(){var b;if(null!==(b=a.value)&&void 0!==b&&b[0]&&N){var c=startOfMonth(a.value[0]);c.getTime()!==(null===V||void 0===V?void 0:V.getTime())&&W(c)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),R,N]),useEffect(function(){var b;if(null!==(b=a.value)&&void 0!==b&&b[1]&&O){var c=startOfMonth(a.value[1]);c.getTime()!==(null===V||void 0===V?void 0:V.getTime())&&W(c)}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),R,O]),useClickOutside({isActive:R,ignoreClicksInsideRefs:[E,F,I].concat(_toConsumableArray(null!==B&&void 0!==B?B:[])),handler:useCallback(function(){M(!1),S.off()},[])}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDateTimeRange,Object.assign({},D,{ref:b,startFieldRef:E,endFieldRef:F,startFieldInputRef:useForkRef([G,null===s||void 0===s?void 0:s[0]]),endFieldInputRef:useForkRef([H,null===s||void 0===s?void 0:s[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;M("start"),Array.isArray(l)?null===(b=l[0])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},endFieldOnFocus:function endFieldOnFocusHandler(a){var b;M("end"),Array.isArray(l)?null===(b=l[1])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},startFieldLeftSide:Array.isArray(n)?null===n||void 0===n?void 0:n[0]:n,startFieldRightSide:Array.isArray(o)?null===o||void 0===o?void 0:o[0]:void 0,endFieldLeftSide:Array.isArray(n)?null===n||void 0===n?void 0:n[1]:void 0,endFieldRightSide:Array.isArray(o)?null===o||void 0===o?void 0:o[1]:o,startFieldOnBlur:function startFieldOnBlurHandler(a){var b;return Array.isArray(m)?null===(b=m[0])||void 0===b?void 0:b.call(m,a):null===m||void 0===m?void 0:m(a)},endFieldOnBlur:function endFieldOnBlurHandler(a){var b;return Array.isArray(m)?null===(b=m[1])||void 0===b?void 0:b.call(m,a):null===m||void 0===m?void 0:m(a)},startFieldOnClick:S.on,endFieldOnClick:S.on,startFocused:N,endFocused:O,startFieldName:getFieldName(t,0),endFieldName:getFieldName(t,1),disabled:C,startFieldPlaceholder:Array.isArray(u)?null===u||void 0===u?void 0:u[0]:u,endFieldPlaceholder:Array.isArray(u)?null===u||void 0===u?void 0:u[1]:u})),React.createElement(DatePickerDropdown,{type:"date-time",ref:I,anchorRef:E,isOpen:R,className:w,onChangeCurrentVisibleDate:W,currentVisibleDate:V,value:a.value||void 0,timeFor:L||void 0,view:i,events:g,locale:j,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function hadleChange(b,c){var d=c.e;if(N){var e,f,g=normalizeRangeValue([b,null===a||void 0===a||null===(e=a.value)||void 0===e?void 0:e[1]]);null===(f=a.onChange)||void 0===f?void 0:f.call(a,g,{e:d})}if(O){var h,i,j=normalizeRangeValue([null===a||void 0===a||null===(h=a.value)||void 0===h?void 0:h[0],b]);null===(i=a.onChange)||void 0===i?void 0:i.call(a,j,{e:d})}},renderAdditionalControls:r,multiplicityMinutes:v,multiplicitySeconds:x,multiplicityHours:y,zIndex:getDropdownZIndex(a.style)}))});
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","onFocus","onBlur","leftSide","rightSide","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","multiplicityMinutes","dropdownClassName","dropdownRef","multiplicitySeconds","multiplicityHours","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled"];import startOfMonth from"date-fns/startOfMonth";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeDateTimeRange}from"../DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange";import{getDropdownZIndex,getFieldName,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDateTimeRange=forwardRef(function(a,b){var c,d,e,f,g=a.events,h=a.dateTimeView,i=void 0===h?datePickerPropDateTimeViewDefault:h,j=a.locale,k=a.dropdownForm,l=a.onFocus,m=a.onBlur,n=a.leftSide,o=a.rightSide,p=a.currentVisibleDate,q=a.onChangeCurrentVisibleDate,r=a.renderAdditionalControls,s=a.inputRef,t=a.name,u=a.placeholder,v=a.multiplicityMinutes,w=a.dropdownClassName,x=a.dropdownRef,y=a.multiplicitySeconds,z=a.multiplicityHours,A=a.onDropdownOpen,B=a.dropdownOpen,C=a.ignoreOutsideClicksRefs,D=a.disabled,E=_objectWithoutProperties(a,_excluded),F=useRef(null),G=useRef(null),H=useRef(null),I=useRef(null),J=useRef(null),K=useState(!1),L=_slicedToArray(K,2),M=L[0],N=L[1],O="start"===M,P="end"===M,Q=useCalendarVisible({dropdownOpen:B,onDropdownOpen:A,disabled:D,startRef:H,endRef:I}),R=_slicedToArray(Q,2),S=R[0],T=R[1],U=useCurrentVisibleDate({currentVisibleDate:p,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:q,calendarVisible:S}),V=_slicedToArray(U,2),W=V[0],X=V[1];return useEffect(function(){var b;if(null!==(b=a.value)&&void 0!==b&&b[0]&&O){var c=startOfMonth(a.value[0]);c.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&X(c)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),S,O]),useEffect(function(){var b;if(null!==(b=a.value)&&void 0!==b&&b[1]&&P){var c=startOfMonth(a.value[1]);c.getTime()!==(null===W||void 0===W?void 0:W.getTime())&&X(c)}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),S,P]),useClickOutside({isActive:S,ignoreClicksInsideRefs:[F,G,J].concat(_toConsumableArray(null!==C&&void 0!==C?C:[])),handler:useCallback(function(){N(!1),T.off()},[])}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDateTimeRange,Object.assign({},E,{ref:b,startFieldRef:F,endFieldRef:G,startFieldInputRef:useForkRef([H,null===s||void 0===s?void 0:s[0]]),endFieldInputRef:useForkRef([I,null===s||void 0===s?void 0:s[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;N("start"),Array.isArray(l)?null===(b=l[0])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},endFieldOnFocus:function endFieldOnFocusHandler(a){var b;N("end"),Array.isArray(l)?null===(b=l[1])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},startFieldLeftSide:Array.isArray(n)?null===n||void 0===n?void 0:n[0]:n,startFieldRightSide:Array.isArray(o)?null===o||void 0===o?void 0:o[0]:void 0,endFieldLeftSide:Array.isArray(n)?null===n||void 0===n?void 0:n[1]:void 0,endFieldRightSide:Array.isArray(o)?null===o||void 0===o?void 0:o[1]:o,startFieldOnBlur:function startFieldOnBlurHandler(a){var b;return Array.isArray(m)?null===(b=m[0])||void 0===b?void 0:b.call(m,a):null===m||void 0===m?void 0:m(a)},endFieldOnBlur:function endFieldOnBlurHandler(a){var b;return Array.isArray(m)?null===(b=m[1])||void 0===b?void 0:b.call(m,a):null===m||void 0===m?void 0:m(a)},startFieldOnClick:T.on,endFieldOnClick:T.on,startFocused:O,endFocused:P,startFieldName:getFieldName(t,0),endFieldName:getFieldName(t,1),disabled:D,startFieldPlaceholder:Array.isArray(u)?null===u||void 0===u?void 0:u[0]:u,endFieldPlaceholder:Array.isArray(u)?null===u||void 0===u?void 0:u[1]:u})),React.createElement(DatePickerDropdown,{type:"date-time",ref:useForkRef([x,J]),anchorRef:F,isOpen:S,className:w,onChangeCurrentVisibleDate:X,currentVisibleDate:W,value:a.value||void 0,timeFor:M||void 0,view:i,events:g,locale:j,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function hadleChange(b,c){var d=c.e;if(O){var e,f,g=normalizeRangeValue([b,null===a||void 0===a||null===(e=a.value)||void 0===e?void 0:e[1]]);null===(f=a.onChange)||void 0===f?void 0:f.call(a,g,{e:d})}if(P){var h,i,j=normalizeRangeValue([null===a||void 0===a||null===(h=a.value)||void 0===h?void 0:h[0],b]);null===(i=a.onChange)||void 0===i?void 0:i.call(a,j,{e:d})}},renderAdditionalControls:r,multiplicityMinutes:v,multiplicitySeconds:y,multiplicityHours:z,zIndex:getDropdownZIndex(a.style)}))});
 //# sourceMappingURL=DatePickerTypeDateTimeRange.js.map

package/__internal__/src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerTypeDateTimeRange.js","names":["startOfMonth","React","forwardRef","useCallback","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeDateTimeRange","getDropdownZIndex","getFieldName","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeDateTimeRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","multiplicityMinutes","dropdownClassName","multiplicitySeconds","multiplicityHours","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","endFieldOnBlurHandler","on","hadleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.tsx"],"sourcesContent":["import startOfMonth from 'date-fns/startOfMonth';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeDateTimeRange } from '../DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange';\nimport {\n  getDropdownZIndex,\n  getFieldName,\n  normalizeRangeValue,\n} from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeDateTimeRange: DatePickerTypeComponent<'date-time-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      onBlur,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      name,\n      placeholder,\n      multiplicityMinutes,\n      dropdownClassName,\n      multiplicitySeconds,\n      multiplicityHours,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<'start' | 'end' | false>(\n      false,\n    );\n\n    const startFocused = fieldFocused === 'start';\n    const endFocused = fieldFocused === 'end';\n\n    const hadleChange: DatePickerDropdownPropOnChange = (value, { e }) => {\n      if (startFocused) {\n        const newValue = normalizeRangeValue([value, props?.value?.[1]]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n      if (endFocused) {\n        const newValue = normalizeRangeValue([props?.value?.[0], value]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: startFieldInputRef,\n      endRef: endFieldInputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfMonth,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('start');\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('end');\n      Array.isArray(onFocus) ? onFocus[1]?.(e) : onFocus?.(e);\n    };\n\n    // эффект для того чтобы календарь переключался при вводе с клавиатуры\n    useEffect(() => {\n      if (props.value?.[0] && startFocused) {\n        const newVisibleDate = startOfMonth(props.value[0]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[0]?.getTime(), calendarVisible, startFocused]);\n\n    useEffect(() => {\n      if (props.value?.[1] && endFocused) {\n        const newVisibleDate = startOfMonth(props.value[1]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[1]?.getTime(), calendarVisible, endFocused]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        startFieldRef,\n        endFieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: useCallback(() => {\n        setFieldFocused(false);\n        setCalendarVisible.off();\n      }, []),\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeDateTimeRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldName={getFieldName(name, 0)}\n          endFieldName={getFieldName(name, 1)}\n          disabled={disabled}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n        />\n        <DatePickerDropdown\n          type=\"date-time\"\n          ref={calendarRef}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          className={dropdownClassName}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          timeFor={fieldFocused || undefined}\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={hadleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          multiplicityMinutes={multiplicityMinutes}\n          multiplicitySeconds={multiplicitySeconds}\n          multiplicityHours={multiplicityHours}\n          zIndex={getDropdownZIndex(props.style)}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerTypeDateTimeRange.js","names":["startOfMonth","React","forwardRef","useCallback","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeDateTimeRange","getDropdownZIndex","getFieldName","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeDateTimeRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","multiplicityMinutes","dropdownClassName","dropdownRef","multiplicitySeconds","multiplicityHours","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","endFieldOnBlurHandler","on","hadleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.tsx"],"sourcesContent":["import startOfMonth from 'date-fns/startOfMonth';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeDateTimeRange } from '../DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange';\nimport {\n  getDropdownZIndex,\n  getFieldName,\n  normalizeRangeValue,\n} from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeDateTimeRange: DatePickerTypeComponent<'date-time-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      onBlur,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      name,\n      placeholder,\n      multiplicityMinutes,\n      dropdownClassName,\n      dropdownRef,\n      multiplicitySeconds,\n      multiplicityHours,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<'start' | 'end' | false>(\n      false,\n    );\n\n    const startFocused = fieldFocused === 'start';\n    const endFocused = fieldFocused === 'end';\n\n    const hadleChange: DatePickerDropdownPropOnChange = (value, { e }) => {\n      if (startFocused) {\n        const newValue = normalizeRangeValue([value, props?.value?.[1]]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n      if (endFocused) {\n        const newValue = normalizeRangeValue([props?.value?.[0], value]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: startFieldInputRef,\n      endRef: endFieldInputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfMonth,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('start');\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('end');\n      Array.isArray(onFocus) ? onFocus[1]?.(e) : onFocus?.(e);\n    };\n\n    // эффект для того чтобы календарь переключался при вводе с клавиатуры\n    useEffect(() => {\n      if (props.value?.[0] && startFocused) {\n        const newVisibleDate = startOfMonth(props.value[0]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[0]?.getTime(), calendarVisible, startFocused]);\n\n    useEffect(() => {\n      if (props.value?.[1] && endFocused) {\n        const newVisibleDate = startOfMonth(props.value[1]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[1]?.getTime(), calendarVisible, endFocused]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        startFieldRef,\n        endFieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: useCallback(() => {\n        setFieldFocused(false);\n        setCalendarVisible.off();\n      }, []),\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeDateTimeRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldName={getFieldName(name, 0)}\n          endFieldName={getFieldName(name, 1)}\n          disabled={disabled}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n        />\n        <DatePickerDropdown\n          type=\"date-time\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          className={dropdownClassName}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          timeFor={fieldFocused || undefined}\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={hadleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          multiplicityMinutes={multiplicityMinutes}\n          multiplicitySeconds={multiplicitySeconds}\n          multiplicityHours={multiplicityHours}\n          zIndex={getDropdownZIndex(props.style)}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerTypeMonth/DatePickerTypeMonth.d.ts

@@ -1,2 +1,2 @@
-import { DatePickerTypeComponent } from '../types';
-export declare const DatePickerTypeMonth: DatePickerTypeComponent<'month'>;
+import { DatePickerTypeComponent } from '../types';
+export declare const DatePickerTypeMonth: DatePickerTypeComponent<'month'>;

package/__internal__/src/components/DatePicker/DatePickerTypeMonth/DatePickerTypeMonth.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","dropdownClassName","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRef"];import addYears from"date-fns/addYears";import startOfYear from"date-fns/startOfYear";import React,{forwardRef,useEffect,useRef}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{setRef}from"../../../utils/setRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeMonth}from"../DatePickerFieldTypeMonth/DatePickerFieldTypeMonth";import{getDropdownZIndex}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeMonth=forwardRef(function(a,b){var c=a.events,d=a.dateTimeView,e=void 0===d?datePickerPropDateTimeViewDefault:d,f=a.locale,g=a.dropdownForm,h=a.dropdownClassName,i=a.currentVisibleDate,j=a.onChangeCurrentVisibleDate,k=a.renderAdditionalControls,l=a.onDropdownOpen,m=a.dropdownOpen,n=a.ignoreOutsideClicksRefs,o=a.disabled,p=a.inputRef,q=_objectWithoutProperties(a,_excluded),r=useRef(null),s=useRef(null),t=useRef(null),u=useCalendarVisible({dropdownOpen:m,onDropdownOpen:l,disabled:o,startRef:t}),v=_slicedToArray(u,2),w=v[0],x=v[1],y=useCurrentVisibleDate({currentVisibleDate:i,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfYear,onChangeCurrentVisibleDate:j,calendarVisible:w}),z=_slicedToArray(y,2),A=z[0],B=z[1];return useEffect(function(){b&&setRef(b,r.current)},[b,r]),useEffect(function(){if(a.value&&"classic"===e&&A){var b=startOfYear(a.value);return void(b.getTime()!==A.getTime()&&B(b))}if(a.value&&"classic"!==e&&A){var c=startOfYear(a.value);c.getTime()!==A.getTime()&&c.getTime()!==addYears(A,1).getTime()&&B(c)}},[a.value]),useClickOutside({isActive:w,ignoreClicksInsideRefs:[r,s].concat(_toConsumableArray(null!==n&&void 0!==n?n:[])),handler:x.off}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeMonth,Object.assign({},q,{ref:r,inputRef:useForkRef([t,p]),onClick:x.on,disabled:o})),React.createElement(DatePickerDropdown,{ref:s,anchorRef:r,isOpen:w,value:a.value||void 0,type:"month",view:e,events:c,locale:f,minDate:a.minDate,className:h,maxDate:a.maxDate,currentVisibleDate:A,form:g,onChange:function onChange(){for(var b,c=arguments.length,d=Array(c),e=0;e<c;e++)d[e]=arguments[e];null===(b=a.onChange)||void 0===b?void 0:b.call.apply(b,[a].concat(d)),x.off()},renderAdditionalControls:k,onChangeCurrentVisibleDate:B,zIndex:getDropdownZIndex(a.style)}))});
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","dropdownClassName","dropdownRef","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRef"];import addYears from"date-fns/addYears";import startOfYear from"date-fns/startOfYear";import React,{forwardRef,useEffect,useRef}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{setRef}from"../../../utils/setRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeMonth}from"../DatePickerFieldTypeMonth/DatePickerFieldTypeMonth";import{getDropdownZIndex}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeMonth=forwardRef(function(a,b){var c=a.events,d=a.dateTimeView,e=void 0===d?datePickerPropDateTimeViewDefault:d,f=a.locale,g=a.dropdownForm,h=a.dropdownClassName,i=a.dropdownRef,j=a.currentVisibleDate,k=a.onChangeCurrentVisibleDate,l=a.renderAdditionalControls,m=a.onDropdownOpen,n=a.dropdownOpen,o=a.ignoreOutsideClicksRefs,p=a.disabled,q=a.inputRef,r=_objectWithoutProperties(a,_excluded),s=useRef(null),t=useRef(null),u=useRef(null),v=useCalendarVisible({dropdownOpen:n,onDropdownOpen:m,disabled:p,startRef:u}),w=_slicedToArray(v,2),x=w[0],y=w[1],z=useCurrentVisibleDate({currentVisibleDate:j,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfYear,onChangeCurrentVisibleDate:k,calendarVisible:x}),A=_slicedToArray(z,2),B=A[0],C=A[1];return useEffect(function(){b&&setRef(b,s.current)},[b,s]),useEffect(function(){if(a.value&&"classic"===e&&B){var b=startOfYear(a.value);return void(b.getTime()!==B.getTime()&&C(b))}if(a.value&&"classic"!==e&&B){var c=startOfYear(a.value);c.getTime()!==B.getTime()&&c.getTime()!==addYears(B,1).getTime()&&C(c)}},[a.value]),useClickOutside({isActive:x,ignoreClicksInsideRefs:[s,t].concat(_toConsumableArray(null!==o&&void 0!==o?o:[])),handler:y.off}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeMonth,Object.assign({},r,{ref:s,inputRef:useForkRef([u,q]),onClick:y.on,disabled:p})),React.createElement(DatePickerDropdown,{ref:useForkRef([i,t]),anchorRef:s,isOpen:x,value:a.value||void 0,type:"month",view:e,events:c,locale:f,minDate:a.minDate,className:h,maxDate:a.maxDate,currentVisibleDate:B,form:g,onChange:function onChange(){for(var b,c=arguments.length,d=Array(c),e=0;e<c;e++)d[e]=arguments[e];null===(b=a.onChange)||void 0===b?void 0:b.call.apply(b,[a].concat(d)),y.off()},renderAdditionalControls:l,onChangeCurrentVisibleDate:C,zIndex:getDropdownZIndex(a.style)}))});
 //# sourceMappingURL=DatePickerTypeMonth.js.map

package/__internal__/src/components/DatePicker/DatePickerTypeMonth/DatePickerTypeMonth.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerTypeMonth.js","names":["addYears","startOfYear","React","forwardRef","useEffect","useRef","useClickOutside","useForkRef","setRef","DatePickerDropdown","DatePickerFieldTypeMonth","getDropdownZIndex","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeMonth","props","ref","events","dateTimeView","locale","dropdownForm","dropdownClassName","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRefProp","inputRef","otherProps","fieldRef","calendarRef","startRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","current","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","on","args","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeMonth/DatePickerTypeMonth.tsx"],"sourcesContent":["import addYears from 'date-fns/addYears';\nimport startOfYear from 'date-fns/startOfYear';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { setRef } from '##/utils/setRef';\n\nimport { DatePickerDropdown } from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeMonth } from '../DatePickerFieldTypeMonth/DatePickerFieldTypeMonth';\nimport { getDropdownZIndex } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeMonth: DatePickerTypeComponent<'month'> = forwardRef(\n  (props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      dropdownClassName,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      inputRef: inputRefProp,\n      ...otherProps\n    } = props;\n\n    const fieldRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: inputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfYear,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    useEffect(() => {\n      if (ref) {\n        setRef(ref, fieldRef.current);\n      }\n    }, [ref, fieldRef]);\n\n    useEffect(() => {\n      if (props.value && dateTimeView === 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfYear(props.value);\n        if (newVisibleDate.getTime() !== currentVisibleDate.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value && dateTimeView !== 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfYear(props.value);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate.getTime() &&\n          newVisibleDate.getTime() !== addYears(currentVisibleDate, 1).getTime()\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        fieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: setCalendarVisible.off,\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeMonth\n          {...otherProps}\n          ref={fieldRef}\n          inputRef={useForkRef([inputRef, inputRefProp])}\n          onClick={setCalendarVisible.on}\n          disabled={disabled}\n        />\n        <DatePickerDropdown\n          ref={calendarRef}\n          anchorRef={fieldRef}\n          isOpen={calendarVisible}\n          value={props.value || undefined}\n          type=\"month\"\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          className={dropdownClassName}\n          maxDate={props.maxDate}\n          currentVisibleDate={currentVisibleDate}\n          form={dropdownForm}\n          onChange={(...args) => {\n            props.onChange?.(...args);\n            setCalendarVisible.off();\n          }}\n          renderAdditionalControls={renderAdditionalControls}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          zIndex={getDropdownZIndex(props.style)}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerTypeMonth.js","names":["addYears","startOfYear","React","forwardRef","useEffect","useRef","useClickOutside","useForkRef","setRef","DatePickerDropdown","DatePickerFieldTypeMonth","getDropdownZIndex","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeMonth","props","ref","events","dateTimeView","locale","dropdownForm","dropdownClassName","dropdownRef","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRefProp","inputRef","otherProps","fieldRef","calendarRef","startRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","current","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","on","args","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeMonth/DatePickerTypeMonth.tsx"],"sourcesContent":["import addYears from 'date-fns/addYears';\nimport startOfYear from 'date-fns/startOfYear';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { setRef } from '##/utils/setRef';\n\nimport { DatePickerDropdown } from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeMonth } from '../DatePickerFieldTypeMonth/DatePickerFieldTypeMonth';\nimport { getDropdownZIndex } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeMonth: DatePickerTypeComponent<'month'> = forwardRef(\n  (props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      dropdownClassName,\n      dropdownRef,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      inputRef: inputRefProp,\n      ...otherProps\n    } = props;\n\n    const fieldRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: inputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfYear,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    useEffect(() => {\n      if (ref) {\n        setRef(ref, fieldRef.current);\n      }\n    }, [ref, fieldRef]);\n\n    useEffect(() => {\n      if (props.value && dateTimeView === 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfYear(props.value);\n        if (newVisibleDate.getTime() !== currentVisibleDate.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value && dateTimeView !== 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfYear(props.value);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate.getTime() &&\n          newVisibleDate.getTime() !== addYears(currentVisibleDate, 1).getTime()\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        fieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: setCalendarVisible.off,\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeMonth\n          {...otherProps}\n          ref={fieldRef}\n          inputRef={useForkRef([inputRef, inputRefProp])}\n          onClick={setCalendarVisible.on}\n          disabled={disabled}\n        />\n        <DatePickerDropdown\n          ref={useForkRef([dropdownRef, calendarRef])}\n          anchorRef={fieldRef}\n          isOpen={calendarVisible}\n          value={props.value || undefined}\n          type=\"month\"\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          className={dropdownClassName}\n          maxDate={props.maxDate}\n          currentVisibleDate={currentVisibleDate}\n          form={dropdownForm}\n          onChange={(...args) => {\n            props.onChange?.(...args);\n            setCalendarVisible.off();\n          }}\n          renderAdditionalControls={renderAdditionalControls}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          zIndex={getDropdownZIndex(props.style)}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerTypeMonthRange/DatePickerTypeMonthRange.d.ts

@@ -1,2 +1,2 @@
-import { DatePickerTypeComponent } from '../types';
-export declare const DatePickerTypeMonthRange: DatePickerTypeComponent<'month-range'>;
+import { DatePickerTypeComponent } from '../types';
+export declare const DatePickerTypeMonthRange: DatePickerTypeComponent<'month-range'>;

package/__internal__/src/components/DatePicker/DatePickerTypeMonthRange/DatePickerTypeMonthRange.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","onFocus","dropdownClassName","onBlur","leftSide","rightSide","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled"];import addYears from"date-fns/addYears";import startOfYear from"date-fns/startOfYear";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeMonthRange}from"../DatePickerFieldTypeMonthRange/DatePickerFieldTypeMonthRange";import{getDropdownZIndex,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeMonthRange=forwardRef(function(a,b){var c,d,e,f,g=a.events,h=a.dateTimeView,i=void 0===h?datePickerPropDateTimeViewDefault:h,j=a.locale,k=a.dropdownForm,l=a.onFocus,m=a.dropdownClassName,n=a.onBlur,o=a.leftSide,p=a.rightSide,q=a.currentVisibleDate,r=a.onChangeCurrentVisibleDate,s=a.renderAdditionalControls,t=a.inputRef,u=a.name,v=a.placeholder,w=a.onDropdownOpen,x=a.dropdownOpen,y=a.ignoreOutsideClicksRefs,z=a.disabled,A=_objectWithoutProperties(a,_excluded),B=useRef(null),C=useRef(null),D=useRef(null),E=useRef(null),F=useRef(null),G=useState(!1),H=_slicedToArray(G,2),I=H[0],J=H[1],K="start"===I,L="end"===I,M=useCalendarVisible({dropdownOpen:x,onDropdownOpen:w,disabled:z,startRef:D,endRef:E}),N=_slicedToArray(M,2),O=N[0],P=N[1],Q=useCurrentVisibleDate({currentVisibleDate:q,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfYear,onChangeCurrentVisibleDate:r,calendarVisible:O}),R=_slicedToArray(Q,2),S=R[0],T=R[1];return useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[0]&&"classic"===i&&K){var d=startOfYear(a.value[0]);return void(d.getTime()!==(null===S||void 0===S?void 0:S.getTime())&&T(d))}if(null!==(c=a.value)&&void 0!==c&&c[0]&&"classic"!==i&&K){var e=startOfYear(a.value[0]);e.getTime()!==(null===S||void 0===S?void 0:S.getTime())&&e.getTime()!==(S&&addYears(S,1).getTime())&&T(e)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),O,K]),useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[1]&&"classic"===i&&L){var d=startOfYear(a.value[1]);return void(d.getTime()!==(null===S||void 0===S?void 0:S.getTime())&&T(d))}if(null!==(c=a.value)&&void 0!==c&&c[1]&&"classic"!==i&&L){var e=startOfYear(a.value[1]);e.getTime()!==(null===S||void 0===S?void 0:S.getTime())&&e.getTime()!==(S&&addYears(S,1).getTime())&&T(addYears(e,-1))}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),O,L]),useClickOutside({isActive:O,ignoreClicksInsideRefs:[B,C,F].concat(_toConsumableArray(null!==y&&void 0!==y?y:[])),handler:useCallback(function(){J(!1),P.off()},[])}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeMonthRange,Object.assign({},A,{ref:b,startFieldRef:B,endFieldRef:C,startFieldInputRef:useForkRef([D,null===t||void 0===t?void 0:t[0]]),endFieldInputRef:useForkRef([E,null===t||void 0===t?void 0:t[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;J("start"),Array.isArray(l)?null===(b=l[0])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},endFieldOnFocus:function endFieldOnFocusHandler(a){var b;J("end"),Array.isArray(l)?null===(b=l[1])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},startFieldLeftSide:Array.isArray(o)?null===o||void 0===o?void 0:o[0]:o,startFieldRightSide:Array.isArray(p)?null===p||void 0===p?void 0:p[0]:void 0,endFieldLeftSide:Array.isArray(o)?null===o||void 0===o?void 0:o[1]:void 0,endFieldRightSide:Array.isArray(p)?null===p||void 0===p?void 0:p[1]:p,startFieldOnBlur:function startFieldOnBlurHandler(a){var b;return Array.isArray(n)?null===(b=n[0])||void 0===b?void 0:b.call(n,a):null===n||void 0===n?void 0:n(a)},endFieldOnBlur:function endFieldOnBlurHandler(a){var b;return Array.isArray(n)?null===(b=n[1])||void 0===b?void 0:b.call(n,a):null===n||void 0===n?void 0:n(a)},startFocused:K,endFocused:L,startFieldOnClick:P.on,endFieldOnClick:P.on,startFieldName:Array.isArray(u)?u[0]:"".concat(u,"_start"),endFieldName:Array.isArray(u)?u[1]:"".concat(u,"_end"),disabled:z,startFieldPlaceholder:Array.isArray(v)?null===v||void 0===v?void 0:v[0]:v,endFieldPlaceholder:Array.isArray(v)?null===v||void 0===v?void 0:v[1]:v})),React.createElement(DatePickerDropdown,{type:"month",ref:F,anchorRef:B,isOpen:O,onChangeCurrentVisibleDate:T,currentVisibleDate:S,value:a.value||void 0,view:i,events:g,className:m,locale:j,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function hadleChange(b,c){var d=c.e;if(K){var e,f,g=normalizeRangeValue([b,null===a||void 0===a||null===(e=a.value)||void 0===e?void 0:e[1]]);null===(f=a.onChange)||void 0===f?void 0:f.call(a,g,{e:d})}if(L){var h,i,j=normalizeRangeValue([null===a||void 0===a||null===(h=a.value)||void 0===h?void 0:h[0],b]);null===(i=a.onChange)||void 0===i?void 0:i.call(a,j,{e:d})}},renderAdditionalControls:s,zIndex:getDropdownZIndex(a.style)}))});
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","onFocus","dropdownClassName","dropdownRef","onBlur","leftSide","rightSide","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled"];import addYears from"date-fns/addYears";import startOfYear from"date-fns/startOfYear";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeMonthRange}from"../DatePickerFieldTypeMonthRange/DatePickerFieldTypeMonthRange";import{getDropdownZIndex,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeMonthRange=forwardRef(function(a,b){var c,d,e,f,g=a.events,h=a.dateTimeView,i=void 0===h?datePickerPropDateTimeViewDefault:h,j=a.locale,k=a.dropdownForm,l=a.onFocus,m=a.dropdownClassName,n=a.dropdownRef,o=a.onBlur,p=a.leftSide,q=a.rightSide,r=a.currentVisibleDate,s=a.onChangeCurrentVisibleDate,t=a.renderAdditionalControls,u=a.inputRef,v=a.name,w=a.placeholder,x=a.onDropdownOpen,y=a.dropdownOpen,z=a.ignoreOutsideClicksRefs,A=a.disabled,B=_objectWithoutProperties(a,_excluded),C=useRef(null),D=useRef(null),E=useRef(null),F=useRef(null),G=useRef(null),H=useState(!1),I=_slicedToArray(H,2),J=I[0],K=I[1],L="start"===J,M="end"===J,N=useCalendarVisible({dropdownOpen:y,onDropdownOpen:x,disabled:A,startRef:E,endRef:F}),O=_slicedToArray(N,2),P=O[0],Q=O[1],R=useCurrentVisibleDate({currentVisibleDate:r,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfYear,onChangeCurrentVisibleDate:s,calendarVisible:P}),S=_slicedToArray(R,2),T=S[0],U=S[1];return useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[0]&&"classic"===i&&L){var d=startOfYear(a.value[0]);return void(d.getTime()!==(null===T||void 0===T?void 0:T.getTime())&&U(d))}if(null!==(c=a.value)&&void 0!==c&&c[0]&&"classic"!==i&&L){var e=startOfYear(a.value[0]);e.getTime()!==(null===T||void 0===T?void 0:T.getTime())&&e.getTime()!==(T&&addYears(T,1).getTime())&&U(e)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),P,L]),useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[1]&&"classic"===i&&M){var d=startOfYear(a.value[1]);return void(d.getTime()!==(null===T||void 0===T?void 0:T.getTime())&&U(d))}if(null!==(c=a.value)&&void 0!==c&&c[1]&&"classic"!==i&&M){var e=startOfYear(a.value[1]);e.getTime()!==(null===T||void 0===T?void 0:T.getTime())&&e.getTime()!==(T&&addYears(T,1).getTime())&&U(addYears(e,-1))}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),P,M]),useClickOutside({isActive:P,ignoreClicksInsideRefs:[C,D,G].concat(_toConsumableArray(null!==z&&void 0!==z?z:[])),handler:useCallback(function(){K(!1),Q.off()},[])}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeMonthRange,Object.assign({},B,{ref:b,startFieldRef:C,endFieldRef:D,startFieldInputRef:useForkRef([E,null===u||void 0===u?void 0:u[0]]),endFieldInputRef:useForkRef([F,null===u||void 0===u?void 0:u[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;K("start"),Array.isArray(l)?null===(b=l[0])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},endFieldOnFocus:function endFieldOnFocusHandler(a){var b;K("end"),Array.isArray(l)?null===(b=l[1])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},startFieldLeftSide:Array.isArray(p)?null===p||void 0===p?void 0:p[0]:p,startFieldRightSide:Array.isArray(q)?null===q||void 0===q?void 0:q[0]:void 0,endFieldLeftSide:Array.isArray(p)?null===p||void 0===p?void 0:p[1]:void 0,endFieldRightSide:Array.isArray(q)?null===q||void 0===q?void 0:q[1]:q,startFieldOnBlur:function startFieldOnBlurHandler(a){var b;return Array.isArray(o)?null===(b=o[0])||void 0===b?void 0:b.call(o,a):null===o||void 0===o?void 0:o(a)},endFieldOnBlur:function endFieldOnBlurHandler(a){var b;return Array.isArray(o)?null===(b=o[1])||void 0===b?void 0:b.call(o,a):null===o||void 0===o?void 0:o(a)},startFocused:L,endFocused:M,startFieldOnClick:Q.on,endFieldOnClick:Q.on,startFieldName:Array.isArray(v)?v[0]:"".concat(v,"_start"),endFieldName:Array.isArray(v)?v[1]:"".concat(v,"_end"),disabled:A,startFieldPlaceholder:Array.isArray(w)?null===w||void 0===w?void 0:w[0]:w,endFieldPlaceholder:Array.isArray(w)?null===w||void 0===w?void 0:w[1]:w})),React.createElement(DatePickerDropdown,{type:"month",ref:useForkRef([n,G]),anchorRef:C,isOpen:P,onChangeCurrentVisibleDate:U,currentVisibleDate:T,value:a.value||void 0,view:i,events:g,className:m,locale:j,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function hadleChange(b,c){var d=c.e;if(L){var e,f,g=normalizeRangeValue([b,null===a||void 0===a||null===(e=a.value)||void 0===e?void 0:e[1]]);null===(f=a.onChange)||void 0===f?void 0:f.call(a,g,{e:d})}if(M){var h,i,j=normalizeRangeValue([null===a||void 0===a||null===(h=a.value)||void 0===h?void 0:h[0],b]);null===(i=a.onChange)||void 0===i?void 0:i.call(a,j,{e:d})}},renderAdditionalControls:t,zIndex:getDropdownZIndex(a.style)}))});
 //# sourceMappingURL=DatePickerTypeMonthRange.js.map

package/__internal__/src/components/DatePicker/DatePickerTypeMonthRange/DatePickerTypeMonthRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerTypeMonthRange.js","names":["addYears","startOfYear","React","forwardRef","useCallback","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeMonthRange","getDropdownZIndex","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeMonthRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","dropdownClassName","onBlur","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","endFieldOnBlurHandler","on","hadleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeMonthRange/DatePickerTypeMonthRange.tsx"],"sourcesContent":["import addYears from 'date-fns/addYears';\nimport startOfYear from 'date-fns/startOfYear';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeMonthRange } from '../DatePickerFieldTypeMonthRange/DatePickerFieldTypeMonthRange';\nimport { getDropdownZIndex, normalizeRangeValue } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeMonthRange: DatePickerTypeComponent<'month-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      dropdownClassName,\n      onBlur,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      name,\n      placeholder,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<'start' | 'end' | false>(\n      false,\n    );\n\n    const startFocused = fieldFocused === 'start';\n    const endFocused = fieldFocused === 'end';\n\n    const hadleChange: DatePickerDropdownPropOnChange = (value, { e }) => {\n      if (startFocused) {\n        const newValue = normalizeRangeValue([value, props?.value?.[1]]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n      if (endFocused) {\n        const newValue = normalizeRangeValue([props?.value?.[0], value]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: startFieldInputRef,\n      endRef: endFieldInputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfYear,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('start');\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('end');\n      Array.isArray(onFocus) ? onFocus[1]?.(e) : onFocus?.(e);\n    };\n\n    // эффект для того чтобы календарь переключался при вводе с клавиатуры\n    useEffect(() => {\n      if (props.value?.[0] && dateTimeView === 'classic' && startFocused) {\n        const newVisibleDate = startOfYear(props.value[0]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[0] && dateTimeView !== 'classic' && startFocused) {\n        const newVisibleDate = startOfYear(props.value[0]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 1).getTime())\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[0]?.getTime(), calendarVisible, startFocused]);\n\n    useEffect(() => {\n      if (props.value?.[1] && dateTimeView === 'classic' && endFocused) {\n        const newVisibleDate = startOfYear(props.value[1]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[1] && dateTimeView !== 'classic' && endFocused) {\n        const newVisibleDate = startOfYear(props.value[1]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 1).getTime())\n        ) {\n          setCurrentVisibleDate(addYears(newVisibleDate, -1));\n        }\n      }\n    }, [props.value?.[1]?.getTime(), calendarVisible, endFocused]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        startFieldRef,\n        endFieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: useCallback(() => {\n        setFieldFocused(false);\n        setCalendarVisible.off();\n      }, []),\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeMonthRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          startFieldName={Array.isArray(name) ? name[0] : `${name}_start`}\n          endFieldName={Array.isArray(name) ? name[1] : `${name}_end`}\n          disabled={disabled}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n        />\n        <DatePickerDropdown\n          type=\"month\"\n          ref={calendarRef}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          view={dateTimeView}\n          events={events}\n          className={dropdownClassName}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={hadleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerTypeMonthRange.js","names":["addYears","startOfYear","React","forwardRef","useCallback","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeMonthRange","getDropdownZIndex","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeMonthRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","dropdownClassName","dropdownRef","onBlur","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","endFieldOnBlurHandler","on","hadleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeMonthRange/DatePickerTypeMonthRange.tsx"],"sourcesContent":["import addYears from 'date-fns/addYears';\nimport startOfYear from 'date-fns/startOfYear';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeMonthRange } from '../DatePickerFieldTypeMonthRange/DatePickerFieldTypeMonthRange';\nimport { getDropdownZIndex, normalizeRangeValue } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeMonthRange: DatePickerTypeComponent<'month-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      dropdownClassName,\n      dropdownRef,\n      onBlur,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      name,\n      placeholder,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<'start' | 'end' | false>(\n      false,\n    );\n\n    const startFocused = fieldFocused === 'start';\n    const endFocused = fieldFocused === 'end';\n\n    const hadleChange: DatePickerDropdownPropOnChange = (value, { e }) => {\n      if (startFocused) {\n        const newValue = normalizeRangeValue([value, props?.value?.[1]]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n      if (endFocused) {\n        const newValue = normalizeRangeValue([props?.value?.[0], value]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: startFieldInputRef,\n      endRef: endFieldInputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfYear,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('start');\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('end');\n      Array.isArray(onFocus) ? onFocus[1]?.(e) : onFocus?.(e);\n    };\n\n    // эффект для того чтобы календарь переключался при вводе с клавиатуры\n    useEffect(() => {\n      if (props.value?.[0] && dateTimeView === 'classic' && startFocused) {\n        const newVisibleDate = startOfYear(props.value[0]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[0] && dateTimeView !== 'classic' && startFocused) {\n        const newVisibleDate = startOfYear(props.value[0]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 1).getTime())\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[0]?.getTime(), calendarVisible, startFocused]);\n\n    useEffect(() => {\n      if (props.value?.[1] && dateTimeView === 'classic' && endFocused) {\n        const newVisibleDate = startOfYear(props.value[1]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[1] && dateTimeView !== 'classic' && endFocused) {\n        const newVisibleDate = startOfYear(props.value[1]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 1).getTime())\n        ) {\n          setCurrentVisibleDate(addYears(newVisibleDate, -1));\n        }\n      }\n    }, [props.value?.[1]?.getTime(), calendarVisible, endFocused]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        startFieldRef,\n        endFieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: useCallback(() => {\n        setFieldFocused(false);\n        setCalendarVisible.off();\n      }, []),\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeMonthRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          startFieldName={Array.isArray(name) ? name[0] : `${name}_start`}\n          endFieldName={Array.isArray(name) ? name[1] : `${name}_end`}\n          disabled={disabled}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n        />\n        <DatePickerDropdown\n          type=\"month\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          view={dateTimeView}\n          events={events}\n          className={dropdownClassName}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={hadleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerTypeTime/DatePickerTypeTime.d.ts

@@ -1,2 +1,2 @@
-import { DatePickerTypeComponent } from '../types';
-export declare const DatePickerTypeTime: DatePickerTypeComponent<'time'>;
+import { DatePickerTypeComponent } from '../types';
+export declare const DatePickerTypeTime: DatePickerTypeComponent<'time'>;