@consta/uikit 5.3.2 → 5.4.0

package/__internal__/src/components/Checkbox/Checkbox.css

@@ -1,3 +1,3 @@
-.Checkbox{cursor:pointer;display:inline-flex;font-family:var(--font-sans);position:relative}.Checkbox_size_xs{--checkbox-font-size:var(--control-text-size-xs);--checkbox-size:var(--control-box-size-s);--checkbox-offset:var(--space-xs);--checkbox-intermidate-width:calc(var(--space-xs) - var(--space-3xs));--checkbox-arrow-width:calc(var(--space-3xs)*3/4)}.Checkbox_size_s{--checkbox-font-size:var(--control-text-size-s);--checkbox-size:calc(var(--control-box-size-s) + var(--space-3xs));--checkbox-offset:var(--space-xs);--checkbox-intermidate-width:var(--space-xs);--checkbox-arrow-width:calc(var(--space-3xs)*3/4)}.Checkbox_size_m{--checkbox-font-size:var(--control-text-size-m);--checkbox-size:var(--control-box-size-m);--checkbox-offset:var(--space-xs);--checkbox-intermidate-width:calc(var(--space-s) - var(--space-3xs));--checkbox-arrow-width:var(--space-3xs)}.Checkbox_size_l{--checkbox-font-size:var(--control-text-size-l);--checkbox-size:var(--control-box-size-l);--checkbox-offset:var(--space-s);--checkbox-intermidate-width:calc(var(--space-m) - var(--space-3xs));--checkbox-arrow-width:var(--space-3xs)}.Checkbox_view_primary{--checkbox-checked-border:var(--color-control-bg-primary);--checkbox-checked-background:var(--color-control-bg-primary);--checkbox-checked-check:var(--color-control-typo-primary);--checkbox-checked-border-hover:var(--color-control-bg-primary-hover);--checkbox-checked-background-hover:var(
+.Checkbox{cursor:pointer;display:inline-flex;font-family:var(--font-sans);line-height:var(--line-height-text-s);position:relative}.Checkbox_size_xs{--checkbox-font-size:var(--control-text-size-xs);--checkbox-size:var(--control-box-size-m);--checkbox-offset:var(--space-xs);--checkbox-arrow-width:calc(var(--space-3xs)*3/4);--align-top-margin:0}.Checkbox_size_s{--checkbox-font-size:var(--control-text-size-s);--checkbox-size:var(--control-box-size-m);--checkbox-offset:var(--space-xs);--checkbox-arrow-width:calc(var(--space-3xs)*3/4);--align-top-margin:var(--space-3xs)}.Checkbox_size_m{--checkbox-font-size:var(--control-text-size-m);--checkbox-size:var(--control-box-size-l);--checkbox-offset:var(--space-xs);--checkbox-arrow-width:var(--space-3xs);--align-top-margin:var(--space-3xs)}.Checkbox_size_l{--checkbox-font-size:var(--control-text-size-l);--checkbox-size:var(--control-box-size-l);--checkbox-offset:var(--space-s);--checkbox-arrow-width:var(--space-3xs);--align-top-margin:var(--space-3xs)}.Checkbox_view_primary{--checkbox-checked-border:var(--color-control-bg-primary);--checkbox-checked-background:var(--color-control-bg-primary);--checkbox-checked-check:var(--color-control-typo-primary);--checkbox-checked-border-hover:var(--color-control-bg-primary-hover);--checkbox-checked-background-hover:var(
           --color-control-bg-primary-hover
-        )}.Checkbox_view_ghost{--checkbox-checked-border:var(--color-control-bg-border-default);--checkbox-checked-background:var(--color-control-bg-ghost);--checkbox-checked-check:var(--color-control-typo-ghost);--checkbox-checked-border-hover:var(--color-control-bg-border-default);--checkbox-checked-background-hover:var(--color-control-bg-ghost-hover)}.Checkbox_intermediate .Checkbox-Input,.Checkbox_intermediate .Checkbox-Input:checked,.Checkbox_intermediate:hover .Checkbox-Input,.Checkbox_intermediate:hover .Checkbox-Input:checked{background-color:var(--checkbox-checked-background);border-color:var(--checkbox-checked-border)}.Checkbox_intermediate .Checkbox-Input:before,.Checkbox_intermediate .Checkbox-Input:checked:before,.Checkbox_intermediate:hover .Checkbox-Input:before,.Checkbox_intermediate:hover .Checkbox-Input:checked:before{background-color:var(--checkbox-checked-check);border:none;height:var(--space-3xs);opacity:1;transform:rotate(0) translateY(-50%);transition:opacity .15s,transform .15s,background-color .08s .04s;width:var(--checkbox-intermidate-width)}.Checkbox_disabled{pointer-events:none}.Checkbox_disabled .Checkbox-Input:disabled{background-color:var(--color-control-bg-disable);border-color:transparent}.Checkbox_disabled .Checkbox-Input:disabled:before{border-color:var(--color-control-typo-disable)}.Checkbox_disabled.Checkbox_intermediate .Checkbox-Input:disabled:before{background-color:var(--color-control-typo-disable)}.Checkbox_disabled .Checkbox-Input:disabled~.Checkbox-Label{color:var(--color-control-typo-disable)}.Checkbox_align_center{align-items:center}.Checkbox_align_top{align-items:top}.Checkbox_align_top .Checkbox-Input{margin-top:var(--space-3xs)}.Checkbox-Label{color:var(--color-control-typo-default);font-size:var(--checkbox-font-size);margin-left:var(--checkbox-offset)}.Checkbox-Input{-webkit-appearance:none;background-color:transparent;border:var(--control-border-width) solid var(--color-control-bg-border-default);border-radius:var(--control-radius);box-sizing:border-box;cursor:pointer;flex-shrink:0;height:var(--checkbox-size);margin:0;max-width:var(--checkbox-size);padding:0;position:relative;transition:border-color .15s,background-color .15s;width:var(--checkbox-size)}.Checkbox-Input:before{background-color:var(--color-control-bg-affect);border-bottom:var(--checkbox-arrow-width) solid var(--checkbox-checked-check);border-left:var(--checkbox-arrow-width) solid var(--checkbox-checked-check);box-sizing:border-box;content:"";height:calc(var(--checkbox-size)*.35);left:calc(var(--checkbox-size)/5 - 1.2px);opacity:0;position:absolute;top:calc(var(--checkbox-size)/2 - .5px);transform:rotate(-50deg) scaleX(0);transform-origin:0 0;transition:opacity .15s,transform .15s,background-color .08s;width:calc(var(--checkbox-size)*.6)}.Checkbox-Input:checked{background-color:var(--checkbox-checked-background);border-color:var(--checkbox-checked-border)}.Checkbox-Input:checked:before{opacity:1;transform:rotate(-50deg) scale(1)}.Checkbox:hover .Checkbox-Input{border-color:var(--color-control-bg-border-default-hover)}.Checkbox:hover .Checkbox-Input:checked{background-color:var(--checkbox-checked-background-hover);border-color:var(--checkbox-checked-border-hover)}
+        )}.Checkbox_view_ghost{--checkbox-checked-border:var(--color-control-bg-border-default);--checkbox-checked-background:var(--color-control-bg-ghost);--checkbox-checked-check:var(--color-control-typo-ghost);--checkbox-checked-border-hover:var(--color-control-bg-border-default);--checkbox-checked-background-hover:var(--color-control-bg-ghost-hover)}.Checkbox_intermediate .Checkbox-Input,.Checkbox_intermediate .Checkbox-Input:checked,.Checkbox_intermediate:hover .Checkbox-Input,.Checkbox_intermediate:hover .Checkbox-Input:checked{background-color:var(--checkbox-checked-background);border-color:var(--checkbox-checked-border)}.Checkbox_intermediate .Checkbox-Input:before,.Checkbox_intermediate .Checkbox-Input:checked:before,.Checkbox_intermediate:hover .Checkbox-Input:before,.Checkbox_intermediate:hover .Checkbox-Input:checked:before{--checkbox-intermidate-offset:calc(var(--space-3xs) + var(--control-border-width));background-color:var(--checkbox-checked-check);border:none;height:var(--space-3xs);left:var(--space-3xs);opacity:1;top:calc(var(--checkbox-size)/2 - var(--space-3xs)/2);transform:rotate(0) translateY(-50%);transition:opacity .15s,transform .15s,background-color .08s .04s;width:calc(var(--checkbox-size) - var(--checkbox-intermidate-offset)*2)}.Checkbox_disabled{pointer-events:none}.Checkbox_disabled .Checkbox-Input:disabled{background-color:var(--color-control-bg-disable);border-color:transparent}.Checkbox_disabled .Checkbox-Input:disabled:before{border-color:var(--color-control-typo-disable)}.Checkbox_disabled.Checkbox_intermediate .Checkbox-Input:disabled:before{background-color:var(--color-control-typo-disable)}.Checkbox_disabled .Checkbox-Input:disabled~.Checkbox-Label{color:var(--color-control-typo-disable)}.Checkbox_align_center{align-items:center}.Checkbox_align_top{align-items:top}.Checkbox_align_top .Checkbox-Input{margin-top:var(--align-top-margin)}.Checkbox-Label{color:var(--color-control-typo-default);font-size:var(--checkbox-font-size);margin-left:var(--checkbox-offset)}.Checkbox-Input{-webkit-appearance:none;background-color:transparent;border:var(--control-border-width) solid var(--color-control-bg-border-default);border-radius:var(--control-radius);box-sizing:border-box;cursor:pointer;flex-shrink:0;height:var(--checkbox-size);margin:0;max-width:var(--checkbox-size);padding:0;position:relative;transition:border-color .15s,background-color .15s;width:var(--checkbox-size)}.Checkbox-Input:before{background-color:var(--color-control-bg-affect);border-bottom:var(--checkbox-arrow-width) solid var(--checkbox-checked-check);border-left:var(--checkbox-arrow-width) solid var(--checkbox-checked-check);box-sizing:border-box;content:"";height:calc(var(--checkbox-size)*.35);left:calc(var(--checkbox-size)/5 - 1.2px);opacity:0;position:absolute;top:calc(var(--checkbox-size)/2 - .5px);transform:rotate(-50deg) scaleX(0);transform-origin:0 0;transition:opacity .15s,transform .15s,background-color .08s;width:calc(var(--checkbox-size)*.6)}.Checkbox-Input:checked{background-color:var(--checkbox-checked-background);border-color:var(--checkbox-checked-border)}.Checkbox-Input:checked:before{opacity:1;transform:rotate(-50deg) scale(1)}.Checkbox:hover .Checkbox-Input{border-color:var(--color-control-bg-border-default-hover)}.Checkbox:hover .Checkbox-Input:checked{background-color:var(--checkbox-checked-background-hover);border-color:var(--checkbox-checked-border-hover)}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const DatePickerFieldTypeDateRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeDate/helpers").DatePickerFieldTypeDateProps, "name" | "id" | "onFocus" | "onBlur" | "onChange" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+export declare const DatePickerFieldTypeDateRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeDate/helpers").DatePickerFieldTypeDateProps, "name" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
     onChange?: ((value: import("../../../utils/types/Date").DateRange | null, props: {
         e: Event;
     }) => void) | undefined;
@@ -25,4 +25,6 @@ export declare const DatePickerFieldTypeDateRange: React.ForwardRefExoticCompone
     currentVisibleDate?: Date | undefined;
     startFieldName?: string | undefined;
     endFieldName?: string | undefined;
+    startFieldPlaceholder?: string | undefined;
+    endFieldPlaceholder?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnBlur","endFieldOnClick","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption";import{FieldLabel}from"../../FieldLabel";import{DatePickerFieldTypeDate}from"../DatePickerFieldTypeDate/DatePickerFieldTypeDate";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeDateRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.startFieldName,q=a.endFieldName,r=a.disabled,s=a.size,t=a.view,u=a.status,v=a.autoFocus,w=a.placeholder,x=a.readOnly,y=a.required,z=a.tabIndex,A=a.ariaLabel,B=a.id,C=a.iconSize,D=a.format,E=a.separator,F=a.minDate,G=a.maxDate,H=a.startFieldOnClick,I=a.startFieldOnBlur,J=a.startFieldOnFocus,K=a.endFieldOnBlur,L=a.endFieldOnClick,M=a.endFieldOnFocus,N=a.startFieldRef,O=a.endFieldRef,P=a.startFocused,Q=a.endFocused,R=a.label,S=a.labelIcon,T=a.labelPosition,U=a.caption,V=a.withClearButton,W=_objectWithoutProperties(a,_excluded),X={className:cnDatePickerMixRangeField("Field"),disabled:r,onError:o,size:s,view:t,status:u,autoFocus:v,placeholder:w,readOnly:x,required:y,tabIndex:z,ariaLabel:A,iconSize:C,format:D,separator:E,minDate:F,maxDate:G,withClearButton:V},Y=getChangeFnRange(n,o,m),Z=_slicedToArray(Y,2),$=Z[0],_=Z[1];return React.createElement("div",Object.assign({},W,{className:cnDatePickerMixRangeField({view:t,labelPosition:T,size:s},[c]),ref:b}),R&&React.createElement(FieldLabel,{required:y,as:"label",className:cnDatePickerMixRangeField("Label",{labelPosition:T}),size:s,htmlFor:B,icon:S},R),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeDate,Object.assign({},X,{inputRef:f,ref:N,leftSide:g,rightSide:h,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],id:B,onClick:H,onChange:$,onFocus:J,onBlur:I,focused:P,name:p})),React.createElement(DatePickerFieldTypeDate,Object.assign({},X,{name:q,inputRef:i,ref:O,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onClick:L,onChange:_,onFocus:M,onBlur:K,focused:Q}))),U&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:u},U)))});
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","view","status","autoFocus","startFieldPlaceholder","endFieldPlaceholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnBlur","endFieldOnClick","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption";import{FieldLabel}from"../../FieldLabel";import{DatePickerFieldTypeDate}from"../DatePickerFieldTypeDate/DatePickerFieldTypeDate";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeDateRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.startFieldName,q=a.endFieldName,r=a.disabled,s=a.size,t=a.view,u=a.status,v=a.autoFocus,w=a.startFieldPlaceholder,x=a.endFieldPlaceholder,y=a.readOnly,z=a.required,A=a.tabIndex,B=a.ariaLabel,C=a.id,D=a.iconSize,E=a.format,F=a.separator,G=a.minDate,H=a.maxDate,I=a.startFieldOnClick,J=a.startFieldOnBlur,K=a.startFieldOnFocus,L=a.endFieldOnBlur,M=a.endFieldOnClick,N=a.endFieldOnFocus,O=a.startFieldRef,P=a.endFieldRef,Q=a.startFocused,R=a.endFocused,S=a.label,T=a.labelIcon,U=a.labelPosition,V=a.caption,W=a.withClearButton,X=_objectWithoutProperties(a,_excluded),Y={className:cnDatePickerMixRangeField("Field"),disabled:r,onError:o,size:s,view:t,status:u,autoFocus:v,readOnly:y,required:z,tabIndex:A,ariaLabel:B,iconSize:D,format:E,separator:F,minDate:G,maxDate:H,withClearButton:W},Z=getChangeFnRange(n,o,m),$=_slicedToArray(Z,2),_=$[0],aa=$[1];return React.createElement("div",Object.assign({},X,{className:cnDatePickerMixRangeField({view:t,labelPosition:U,size:s},[c]),ref:b}),S&&React.createElement(FieldLabel,{required:z,as:"label",className:cnDatePickerMixRangeField("Label",{labelPosition:U}),size:s,htmlFor:C,icon:T},S),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeDate,Object.assign({},Y,{inputRef:f,ref:O,leftSide:g,rightSide:h,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],id:C,onClick:I,onChange:_,onFocus:K,onBlur:J,focused:Q,name:p,placeholder:w})),React.createElement(DatePickerFieldTypeDate,Object.assign({},Y,{name:q,placeholder:x,inputRef:i,ref:P,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onClick:M,onChange:aa,onFocus:N,onBlur:L,focused:R}))),V&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:u},V)))});
 //# sourceMappingURL=DatePickerFieldTypeDateRange.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerFieldTypeDateRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeDate","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeDateRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnBlur","endFieldOnClick","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '##/components/FieldCaption';\nimport { FieldLabel } from '##/components/FieldLabel';\n\nimport { DatePickerFieldTypeDate } from '../DatePickerFieldTypeDate/DatePickerFieldTypeDate';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeDateRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeDateRange = forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeDateRangeProps\n>((props, ref) => {\n  const {\n    className,\n    form = 'default',\n    startFieldInputRef,\n    startFieldLeftSide,\n    startFieldRightSide,\n    endFieldInputRef,\n    endFieldLeftSide,\n    endFieldRightSide,\n    value = [],\n    onChange,\n    onError,\n    startFieldName,\n    endFieldName,\n    disabled,\n    size,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    id,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    startFieldOnClick,\n    startFieldOnBlur,\n    startFieldOnFocus,\n    endFieldOnBlur,\n    endFieldOnClick,\n    endFieldOnFocus,\n    startFieldRef,\n    endFieldRef,\n    startFocused,\n    endFocused,\n    label,\n    labelIcon,\n    labelPosition,\n    caption,\n    withClearButton,\n    ...otherProps\n  } = props;\n\n  const commonProps = {\n    className: cnDatePickerMixRangeField('Field'),\n    disabled,\n    onError,\n    size,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    withClearButton,\n  };\n\n  const [handleStartDateChange, handleEndDateChange] = getChangeFnRange(\n    onChange,\n    onError,\n    value,\n  );\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDatePickerMixRangeField({ view, labelPosition, size }, [\n        className,\n      ])}\n      ref={ref}\n    >\n      {label && (\n        <FieldLabel\n          required={required}\n          as=\"label\"\n          className={cnDatePickerMixRangeField('Label', { labelPosition })}\n          size={size}\n          htmlFor={id}\n          icon={labelIcon}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnDatePickerMixRangeField('Body')}>\n        <div className={cnDatePickerMixRangeField('Fields')}>\n          <DatePickerFieldTypeDate\n            {...commonProps}\n            inputRef={startFieldInputRef}\n            ref={startFieldRef}\n            leftSide={startFieldLeftSide}\n            rightSide={startFieldRightSide}\n            form={getFormForStart(form)}\n            value={value?.[0]}\n            id={id}\n            onClick={startFieldOnClick}\n            onChange={handleStartDateChange}\n            onFocus={startFieldOnFocus}\n            onBlur={startFieldOnBlur}\n            focused={startFocused}\n            name={startFieldName}\n          />\n          <DatePickerFieldTypeDate\n            {...commonProps}\n            name={endFieldName}\n            inputRef={endFieldInputRef}\n            ref={endFieldRef}\n            leftSide={endFieldLeftSide}\n            rightSide={endFieldRightSide}\n            form={getFormForEnd(form)}\n            value={value?.[1]}\n            onClick={endFieldOnClick}\n            onChange={handleEndDateChange}\n            onFocus={endFieldOnFocus}\n            onBlur={endFieldOnBlur}\n            focused={endFocused}\n          />\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnDatePickerMixRangeField('Caption')}\n            status={status}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerFieldTypeDateRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeDate","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeDateRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","view","status","autoFocus","startFieldPlaceholder","endFieldPlaceholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnBlur","endFieldOnClick","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '##/components/FieldCaption';\nimport { FieldLabel } from '##/components/FieldLabel';\n\nimport { DatePickerFieldTypeDate } from '../DatePickerFieldTypeDate/DatePickerFieldTypeDate';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeDateRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeDateRange = forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeDateRangeProps\n>((props, ref) => {\n  const {\n    className,\n    form = 'default',\n    startFieldInputRef,\n    startFieldLeftSide,\n    startFieldRightSide,\n    endFieldInputRef,\n    endFieldLeftSide,\n    endFieldRightSide,\n    value = [],\n    onChange,\n    onError,\n    startFieldName,\n    endFieldName,\n    disabled,\n    size,\n    view,\n    status,\n    autoFocus,\n    startFieldPlaceholder,\n    endFieldPlaceholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    id,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    startFieldOnClick,\n    startFieldOnBlur,\n    startFieldOnFocus,\n    endFieldOnBlur,\n    endFieldOnClick,\n    endFieldOnFocus,\n    startFieldRef,\n    endFieldRef,\n    startFocused,\n    endFocused,\n    label,\n    labelIcon,\n    labelPosition,\n    caption,\n    withClearButton,\n    ...otherProps\n  } = props;\n\n  const commonProps = {\n    className: cnDatePickerMixRangeField('Field'),\n    disabled,\n    onError,\n    size,\n    view,\n    status,\n    autoFocus,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    withClearButton,\n  };\n\n  const [handleStartDateChange, handleEndDateChange] = getChangeFnRange(\n    onChange,\n    onError,\n    value,\n  );\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDatePickerMixRangeField({ view, labelPosition, size }, [\n        className,\n      ])}\n      ref={ref}\n    >\n      {label && (\n        <FieldLabel\n          required={required}\n          as=\"label\"\n          className={cnDatePickerMixRangeField('Label', { labelPosition })}\n          size={size}\n          htmlFor={id}\n          icon={labelIcon}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnDatePickerMixRangeField('Body')}>\n        <div className={cnDatePickerMixRangeField('Fields')}>\n          <DatePickerFieldTypeDate\n            {...commonProps}\n            inputRef={startFieldInputRef}\n            ref={startFieldRef}\n            leftSide={startFieldLeftSide}\n            rightSide={startFieldRightSide}\n            form={getFormForStart(form)}\n            value={value?.[0]}\n            id={id}\n            onClick={startFieldOnClick}\n            onChange={handleStartDateChange}\n            onFocus={startFieldOnFocus}\n            onBlur={startFieldOnBlur}\n            focused={startFocused}\n            name={startFieldName}\n            placeholder={startFieldPlaceholder}\n          />\n          <DatePickerFieldTypeDate\n            {...commonProps}\n            name={endFieldName}\n            placeholder={endFieldPlaceholder}\n            inputRef={endFieldInputRef}\n            ref={endFieldRef}\n            leftSide={endFieldLeftSide}\n            rightSide={endFieldRightSide}\n            form={getFormForEnd(form)}\n            value={value?.[1]}\n            onClick={endFieldOnClick}\n            onChange={handleEndDateChange}\n            onFocus={endFieldOnFocus}\n            onBlur={endFieldOnBlur}\n            focused={endFocused}\n          />\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnDatePickerMixRangeField('Caption')}\n            status={status}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateRange/helpers.d.ts

@@ -1,11 +1,11 @@
 import { IconComponent } from '@consta/icons/Icon';
 import React from 'react';
-import { DateRange } from '../../../utils/types/Date';
+import { DateRange } from "../../../utils/types/Date";
 import { DatePickerFieldTypeDateProps } from '../DatePickerFieldTypeDate/helpers';
 declare type DatePickerFieldTypeDateRangePropOnChange = (value: DateRange | null, props: {
     e: Event;
 }) => void;
-export declare type DatePickerFieldTypeDateRangeProps = Omit<DatePickerFieldTypeDateProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name'> & {
+export declare type DatePickerFieldTypeDateRangeProps = Omit<DatePickerFieldTypeDateProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name' | 'placeholder'> & {
     onChange?: DatePickerFieldTypeDateRangePropOnChange;
     value?: DateRange | null;
     startFieldInputRef?: React.Ref<HTMLInputElement>;
@@ -29,5 +29,7 @@ export declare type DatePickerFieldTypeDateRangeProps = Omit<DatePickerFieldType
     currentVisibleDate?: Date;
     startFieldName?: string;
     endFieldName?: string;
+    startFieldPlaceholder?: string;
+    endFieldPlaceholder?: string;
 };
 export {};

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateRange/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeDateProps } from '../DatePickerFieldTypeDate/helpers';\n\ntype DatePickerFieldTypeDateRangePropOnChange = (\n  value: DateRange | null,\n  props: {\n    e: Event;\n  },\n) => void;\n\nexport type DatePickerFieldTypeDateRangeProps = Omit<\n  DatePickerFieldTypeDateProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n> & {\n  onChange?: DatePickerFieldTypeDateRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  endFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n};\n"],"mappings":""}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { DateRange } from '##/utils/types/Date';\n\nimport { DatePickerFieldTypeDateProps } from '../DatePickerFieldTypeDate/helpers';\n\ntype DatePickerFieldTypeDateRangePropOnChange = (\n  value: DateRange | null,\n  props: {\n    e: Event;\n  },\n) => void;\n\nexport type DatePickerFieldTypeDateRangeProps = Omit<\n  DatePickerFieldTypeDateProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n  | 'placeholder'\n> & {\n  onChange?: DatePickerFieldTypeDateRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  endFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n  startFieldPlaceholder?: string;\n  endFieldPlaceholder?: string;\n};\n"],"mappings":""}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const DatePickerFieldTypeDateTimeRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeDateTime/helpers").DatePickerFieldTypeDateTimeProps, "name" | "id" | "onFocus" | "onBlur" | "onChange" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+export declare const DatePickerFieldTypeDateTimeRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeDateTime/helpers").DatePickerFieldTypeDateTimeProps, "name" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
     onChange?: ((value: import("../../../utils/types/Date").DateRange | null, props: {
         e: Event;
     }) => void) | undefined;
@@ -25,4 +25,6 @@ export declare const DatePickerFieldTypeDateTimeRange: React.ForwardRefExoticCom
     currentVisibleDate?: Date | undefined;
     startFieldName?: string | undefined;
     endFieldName?: string | undefined;
+    startFieldPlaceholder?: string | undefined;
+    endFieldPlaceholder?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","startFieldName","endFieldName","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption";import{FieldLabel}from"../../FieldLabel";import{DatePickerFieldTypeDateTime}from"../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeDateTimeRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.disabled,q=a.size,r=a.view,s=a.status,t=a.autoFocus,u=a.placeholder,v=a.readOnly,w=a.required,x=a.tabIndex,y=a.ariaLabel,z=a.id,A=a.iconSize,B=a.format,C=a.separator,D=a.minDate,E=a.maxDate,F=a.startFieldOnClick,G=a.startFieldOnBlur,H=a.startFieldOnFocus,I=a.endFieldOnClick,J=a.endFieldOnBlur,K=a.endFieldOnFocus,L=a.startFieldRef,M=a.endFieldRef,N=a.startFocused,O=a.endFocused,P=a.label,Q=a.labelIcon,R=a.labelPosition,S=a.caption,T=a.startFieldName,U=a.endFieldName,V=a.withClearButton,W=_objectWithoutProperties(a,_excluded),X={className:cnDatePickerMixRangeField("Field"),disabled:p,onError:o,size:q,view:r,status:s,placeholder:u,readOnly:v,required:w,tabIndex:x,ariaLabel:y,iconSize:A,format:B,separator:C,minDate:D,maxDate:E,withClearButton:V},Y=getChangeFnRange(n,o,m),Z=_slicedToArray(Y,2),$=Z[0],_=Z[1];return React.createElement("div",Object.assign({},W,{className:cnDatePickerMixRangeField({view:r,labelPosition:R,size:q},[c]),ref:b}),P&&React.createElement(FieldLabel,{icon:Q,as:"label",required:w,className:cnDatePickerMixRangeField("Label",{labelPosition:R}),size:q,htmlFor:z},P),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeDateTime,Object.assign({},X,{inputRef:f,ref:L,leftSide:g,rightSide:h,id:z,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],onClick:F,onChange:$,onFocus:H,onBlur:G,focused:N,autoFocus:t,name:T})),React.createElement(DatePickerFieldTypeDateTime,Object.assign({},X,{inputRef:i,ref:M,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onClick:I,onChange:_,onFocus:K,onBlur:J,focused:O,name:U}))),S&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:s},S)))});
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","disabled","size","view","status","autoFocus","startFieldPlaceholder","endFieldPlaceholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","startFieldName","endFieldName","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption";import{FieldLabel}from"../../FieldLabel";import{DatePickerFieldTypeDateTime}from"../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeDateTimeRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.disabled,q=a.size,r=a.view,s=a.status,t=a.autoFocus,u=a.startFieldPlaceholder,v=a.endFieldPlaceholder,w=a.readOnly,x=a.required,y=a.tabIndex,z=a.ariaLabel,A=a.id,B=a.iconSize,C=a.format,D=a.separator,E=a.minDate,F=a.maxDate,G=a.startFieldOnClick,H=a.startFieldOnBlur,I=a.startFieldOnFocus,J=a.endFieldOnClick,K=a.endFieldOnBlur,L=a.endFieldOnFocus,M=a.startFieldRef,N=a.endFieldRef,O=a.startFocused,P=a.endFocused,Q=a.label,R=a.labelIcon,S=a.labelPosition,T=a.caption,U=a.startFieldName,V=a.endFieldName,W=a.withClearButton,X=_objectWithoutProperties(a,_excluded),Y={className:cnDatePickerMixRangeField("Field"),disabled:p,onError:o,size:q,view:r,status:s,readOnly:w,required:x,tabIndex:y,ariaLabel:z,iconSize:B,format:C,separator:D,minDate:E,maxDate:F,withClearButton:W},Z=getChangeFnRange(n,o,m),$=_slicedToArray(Z,2),_=$[0],aa=$[1];return React.createElement("div",Object.assign({},X,{className:cnDatePickerMixRangeField({view:r,labelPosition:S,size:q},[c]),ref:b}),Q&&React.createElement(FieldLabel,{icon:R,as:"label",required:x,className:cnDatePickerMixRangeField("Label",{labelPosition:S}),size:q,htmlFor:A},Q),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeDateTime,Object.assign({},Y,{inputRef:f,ref:M,leftSide:g,rightSide:h,id:A,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],onClick:G,onChange:_,onFocus:I,onBlur:H,focused:O,autoFocus:t,name:U,placeholder:u})),React.createElement(DatePickerFieldTypeDateTime,Object.assign({},Y,{inputRef:i,ref:N,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onClick:J,onChange:aa,onFocus:L,onBlur:K,focused:P,name:V,placeholder:v}))),T&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:s},T)))});
 //# sourceMappingURL=DatePickerFieldTypeDateTimeRange.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerFieldTypeDateTimeRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeDateTime","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeDateTimeRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","startFieldName","endFieldName","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '##/components/FieldCaption';\nimport { FieldLabel } from '##/components/FieldLabel';\n\nimport { DatePickerFieldTypeDateTime } from '../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeDateTimeRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeDateTimeRange = forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeDateTimeRangeProps\n>((props, ref) => {\n  const {\n    className,\n    form = 'default',\n    startFieldInputRef,\n    startFieldLeftSide,\n    startFieldRightSide,\n    endFieldInputRef,\n    endFieldLeftSide,\n    endFieldRightSide,\n    value = [],\n    onChange,\n    onError,\n    disabled,\n    size,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    id,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    startFieldOnClick,\n    startFieldOnBlur,\n    startFieldOnFocus,\n    endFieldOnClick,\n    endFieldOnBlur,\n    endFieldOnFocus,\n    startFieldRef,\n    endFieldRef,\n    startFocused,\n    endFocused,\n    label,\n    labelIcon,\n    labelPosition,\n    caption,\n    startFieldName,\n    endFieldName,\n    withClearButton,\n    ...otherProps\n  } = props;\n\n  const commonProps = {\n    className: cnDatePickerMixRangeField('Field'),\n    disabled,\n    onError,\n    size,\n    view,\n    status,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    withClearButton,\n  };\n\n  const [handleStartDateChange, handleEndDateChange] = getChangeFnRange(\n    onChange,\n    onError,\n    value,\n  );\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDatePickerMixRangeField({ view, labelPosition, size }, [\n        className,\n      ])}\n      ref={ref}\n    >\n      {label && (\n        <FieldLabel\n          icon={labelIcon}\n          as=\"label\"\n          required={required}\n          className={cnDatePickerMixRangeField('Label', { labelPosition })}\n          size={size}\n          htmlFor={id}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnDatePickerMixRangeField('Body')}>\n        <div className={cnDatePickerMixRangeField('Fields')}>\n          <DatePickerFieldTypeDateTime\n            {...commonProps}\n            inputRef={startFieldInputRef}\n            ref={startFieldRef}\n            leftSide={startFieldLeftSide}\n            rightSide={startFieldRightSide}\n            id={id}\n            form={getFormForStart(form)}\n            value={value?.[0]}\n            onClick={startFieldOnClick}\n            onChange={handleStartDateChange}\n            onFocus={startFieldOnFocus}\n            onBlur={startFieldOnBlur}\n            focused={startFocused}\n            autoFocus={autoFocus}\n            name={startFieldName}\n          />\n          <DatePickerFieldTypeDateTime\n            {...commonProps}\n            inputRef={endFieldInputRef}\n            ref={endFieldRef}\n            leftSide={endFieldLeftSide}\n            rightSide={endFieldRightSide}\n            form={getFormForEnd(form)}\n            value={value?.[1]}\n            onClick={endFieldOnClick}\n            onChange={handleEndDateChange}\n            onFocus={endFieldOnFocus}\n            onBlur={endFieldOnBlur}\n            focused={endFocused}\n            name={endFieldName}\n          />\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnDatePickerMixRangeField('Caption')}\n            status={status}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerFieldTypeDateTimeRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeDateTime","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeDateTimeRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","disabled","size","view","status","autoFocus","startFieldPlaceholder","endFieldPlaceholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","startFieldName","endFieldName","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '##/components/FieldCaption';\nimport { FieldLabel } from '##/components/FieldLabel';\n\nimport { DatePickerFieldTypeDateTime } from '../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeDateTimeRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeDateTimeRange = forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeDateTimeRangeProps\n>((props, ref) => {\n  const {\n    className,\n    form = 'default',\n    startFieldInputRef,\n    startFieldLeftSide,\n    startFieldRightSide,\n    endFieldInputRef,\n    endFieldLeftSide,\n    endFieldRightSide,\n    value = [],\n    onChange,\n    onError,\n    disabled,\n    size,\n    view,\n    status,\n    autoFocus,\n    startFieldPlaceholder,\n    endFieldPlaceholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    id,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    startFieldOnClick,\n    startFieldOnBlur,\n    startFieldOnFocus,\n    endFieldOnClick,\n    endFieldOnBlur,\n    endFieldOnFocus,\n    startFieldRef,\n    endFieldRef,\n    startFocused,\n    endFocused,\n    label,\n    labelIcon,\n    labelPosition,\n    caption,\n    startFieldName,\n    endFieldName,\n    withClearButton,\n    ...otherProps\n  } = props;\n\n  const commonProps = {\n    className: cnDatePickerMixRangeField('Field'),\n    disabled,\n    onError,\n    size,\n    view,\n    status,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    withClearButton,\n  };\n\n  const [handleStartDateChange, handleEndDateChange] = getChangeFnRange(\n    onChange,\n    onError,\n    value,\n  );\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDatePickerMixRangeField({ view, labelPosition, size }, [\n        className,\n      ])}\n      ref={ref}\n    >\n      {label && (\n        <FieldLabel\n          icon={labelIcon}\n          as=\"label\"\n          required={required}\n          className={cnDatePickerMixRangeField('Label', { labelPosition })}\n          size={size}\n          htmlFor={id}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnDatePickerMixRangeField('Body')}>\n        <div className={cnDatePickerMixRangeField('Fields')}>\n          <DatePickerFieldTypeDateTime\n            {...commonProps}\n            inputRef={startFieldInputRef}\n            ref={startFieldRef}\n            leftSide={startFieldLeftSide}\n            rightSide={startFieldRightSide}\n            id={id}\n            form={getFormForStart(form)}\n            value={value?.[0]}\n            onClick={startFieldOnClick}\n            onChange={handleStartDateChange}\n            onFocus={startFieldOnFocus}\n            onBlur={startFieldOnBlur}\n            focused={startFocused}\n            autoFocus={autoFocus}\n            name={startFieldName}\n            placeholder={startFieldPlaceholder}\n          />\n          <DatePickerFieldTypeDateTime\n            {...commonProps}\n            inputRef={endFieldInputRef}\n            ref={endFieldRef}\n            leftSide={endFieldLeftSide}\n            rightSide={endFieldRightSide}\n            form={getFormForEnd(form)}\n            value={value?.[1]}\n            onClick={endFieldOnClick}\n            onChange={handleEndDateChange}\n            onFocus={endFieldOnFocus}\n            onBlur={endFieldOnBlur}\n            focused={endFocused}\n            name={endFieldName}\n            placeholder={endFieldPlaceholder}\n          />\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnDatePickerMixRangeField('Caption')}\n            status={status}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.d.ts

@@ -5,7 +5,7 @@ import { DatePickerFieldTypeDateTimeProps } from '../DatePickerFieldTypeDateTime
 declare type DatePickerFieldTypeDateTimeRangePropOnChange = (value: DateRange | null, props: {
     e: Event;
 }) => void;
-export declare type DatePickerFieldTypeDateTimeRangeProps = Omit<DatePickerFieldTypeDateTimeProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name'> & {
+export declare type DatePickerFieldTypeDateTimeRangeProps = Omit<DatePickerFieldTypeDateTimeProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name' | 'placeholder'> & {
     onChange?: DatePickerFieldTypeDateTimeRangePropOnChange;
     value?: DateRange | null;
     startFieldInputRef?: React.Ref<HTMLInputElement>;
@@ -29,5 +29,7 @@ export declare type DatePickerFieldTypeDateTimeRangeProps = Omit<DatePickerField
     currentVisibleDate?: Date;
     startFieldName?: string;
     endFieldName?: string;
+    startFieldPlaceholder?: string;
+    endFieldPlaceholder?: string;
 };
 export {};

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeDateTimeProps } from '../DatePickerFieldTypeDateTime/helpers';\n\ntype DatePickerFieldTypeDateTimeRangePropOnChange = (\n  value: DateRange | null,\n  props: {\n    e: Event;\n  },\n) => void;\n\nexport type DatePickerFieldTypeDateTimeRangeProps = Omit<\n  DatePickerFieldTypeDateTimeProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n> & {\n  onChange?: DatePickerFieldTypeDateTimeRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  endFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n};\n"],"mappings":""}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeDateTimeProps } from '../DatePickerFieldTypeDateTime/helpers';\n\ntype DatePickerFieldTypeDateTimeRangePropOnChange = (\n  value: DateRange | null,\n  props: {\n    e: Event;\n  },\n) => void;\n\nexport type DatePickerFieldTypeDateTimeRangeProps = Omit<\n  DatePickerFieldTypeDateTimeProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n  | 'placeholder'\n> & {\n  onChange?: DatePickerFieldTypeDateTimeRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  endFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n  startFieldPlaceholder?: string;\n  endFieldPlaceholder?: string;\n};\n"],"mappings":""}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const DatePickerFieldTypeMonthRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeMonth/helpers").DatePickerFieldTypeMonthProps, "name" | "id" | "onFocus" | "onBlur" | "onChange" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+export declare const DatePickerFieldTypeMonthRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeMonth/helpers").DatePickerFieldTypeMonthProps, "name" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
     onChange?: ((value: import("../../../utils/types/Date").DateRange | null, props: {
         e: Event;
     }) => void) | undefined;
@@ -25,4 +25,6 @@ export declare const DatePickerFieldTypeMonthRange: React.ForwardRefExoticCompon
     currentVisibleDate?: Date | undefined;
     startFieldName?: string | undefined;
     endFieldName?: string | undefined;
+    startFieldPlaceholder?: string | undefined;
+    endFieldPlaceholder?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption";import{FieldLabel}from"../../FieldLabel";import{DatePickerFieldTypeMonth}from"../DatePickerFieldTypeMonth/DatePickerFieldTypeMonth";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeMonthRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.startFieldName,q=a.endFieldName,r=a.disabled,s=a.size,t=a.view,u=a.status,v=a.autoFocus,w=a.placeholder,x=a.readOnly,y=a.required,z=a.tabIndex,A=a.ariaLabel,B=a.id,C=a.iconSize,D=a.format,E=a.separator,F=a.minDate,G=a.maxDate,H=a.startFieldOnClick,I=a.startFieldOnBlur,J=a.startFieldOnFocus,K=a.endFieldOnClick,L=a.endFieldOnBlur,M=a.endFieldOnFocus,N=a.startFieldRef,O=a.endFieldRef,P=a.startFocused,Q=a.endFocused,R=a.label,S=a.labelIcon,T=a.labelPosition,U=a.caption,V=a.withClearButton,W=_objectWithoutProperties(a,_excluded),X={className:cnDatePickerMixRangeField("Field"),disabled:r,onError:o,size:s,view:t,status:u,autoFocus:v,placeholder:w,readOnly:x,required:y,tabIndex:z,ariaLabel:A,iconSize:C,format:D,separator:E,minDate:F,maxDate:G,withClearButton:V},Y=getChangeFnRange(n,o,m),Z=_slicedToArray(Y,2),$=Z[0],_=Z[1];return React.createElement("div",Object.assign({},W,{className:cnDatePickerMixRangeField({view:t,labelPosition:T,size:s},[c]),ref:b}),R&&React.createElement(FieldLabel,{icon:S,as:"label",htmlFor:B,required:y,className:cnDatePickerMixRangeField("Label",{labelPosition:T}),size:s},R),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeMonth,Object.assign({},X,{inputRef:f,ref:N,leftSide:g,rightSide:h,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],onChange:$,id:B,onClick:H,onFocus:J,onBlur:I,focused:P,name:p})),React.createElement(DatePickerFieldTypeMonth,Object.assign({},X,{name:q,inputRef:i,ref:O,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onClick:K,onChange:_,onFocus:M,onBlur:L,focused:Q}))),U&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:u},U)))});
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","view","status","autoFocus","startFieldPlaceholder","endFieldPlaceholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption";import{FieldLabel}from"../../FieldLabel";import{DatePickerFieldTypeMonth}from"../DatePickerFieldTypeMonth/DatePickerFieldTypeMonth";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeMonthRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.startFieldName,q=a.endFieldName,r=a.disabled,s=a.size,t=a.view,u=a.status,v=a.autoFocus,w=a.startFieldPlaceholder,x=a.endFieldPlaceholder,y=a.readOnly,z=a.required,A=a.tabIndex,B=a.ariaLabel,C=a.id,D=a.iconSize,E=a.format,F=a.separator,G=a.minDate,H=a.maxDate,I=a.startFieldOnClick,J=a.startFieldOnBlur,K=a.startFieldOnFocus,L=a.endFieldOnClick,M=a.endFieldOnBlur,N=a.endFieldOnFocus,O=a.startFieldRef,P=a.endFieldRef,Q=a.startFocused,R=a.endFocused,S=a.label,T=a.labelIcon,U=a.labelPosition,V=a.caption,W=a.withClearButton,X=_objectWithoutProperties(a,_excluded),Y={className:cnDatePickerMixRangeField("Field"),disabled:r,onError:o,size:s,view:t,status:u,autoFocus:v,readOnly:y,required:z,tabIndex:A,ariaLabel:B,iconSize:D,format:E,separator:F,minDate:G,maxDate:H,withClearButton:W},Z=getChangeFnRange(n,o,m),$=_slicedToArray(Z,2),_=$[0],aa=$[1];return React.createElement("div",Object.assign({},X,{className:cnDatePickerMixRangeField({view:t,labelPosition:U,size:s},[c]),ref:b}),S&&React.createElement(FieldLabel,{icon:T,as:"label",htmlFor:C,required:z,className:cnDatePickerMixRangeField("Label",{labelPosition:U}),size:s},S),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeMonth,Object.assign({},Y,{inputRef:f,ref:O,leftSide:g,rightSide:h,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],onChange:_,id:C,onClick:I,onFocus:K,onBlur:J,focused:Q,name:p,placeholder:w})),React.createElement(DatePickerFieldTypeMonth,Object.assign({},Y,{name:q,inputRef:i,ref:P,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onClick:L,onChange:aa,onFocus:N,onBlur:M,focused:R,placeholder:x}))),V&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:u},V)))});
 //# sourceMappingURL=DatePickerFieldTypeMonthRange.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerFieldTypeMonthRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeMonth","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeMonthRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeMonthRange/DatePickerFieldTypeMonthRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '##/components/FieldCaption';\nimport { FieldLabel } from '##/components/FieldLabel';\n\nimport { DatePickerFieldTypeMonth } from '../DatePickerFieldTypeMonth/DatePickerFieldTypeMonth';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeMonthRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeMonthRange = forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeMonthRangeProps\n>((props, ref) => {\n  const {\n    className,\n    form = 'default',\n    startFieldInputRef,\n    startFieldLeftSide,\n    startFieldRightSide,\n    endFieldInputRef,\n    endFieldLeftSide,\n    endFieldRightSide,\n    value = [],\n    onChange,\n    onError,\n    startFieldName,\n    endFieldName,\n    disabled,\n    size,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    id,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    startFieldOnClick,\n    startFieldOnBlur,\n    startFieldOnFocus,\n    endFieldOnClick,\n    endFieldOnBlur,\n    endFieldOnFocus,\n    startFieldRef,\n    endFieldRef,\n    startFocused,\n    endFocused,\n    label,\n    labelIcon,\n    labelPosition,\n    caption,\n    withClearButton,\n    ...otherProps\n  } = props;\n\n  const commonProps = {\n    className: cnDatePickerMixRangeField('Field'),\n    disabled,\n    onError,\n    size,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    withClearButton,\n  };\n\n  const [handleStartDateChange, handleEndDateChange] = getChangeFnRange(\n    onChange,\n    onError,\n    value,\n  );\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDatePickerMixRangeField({ view, labelPosition, size }, [\n        className,\n      ])}\n      ref={ref}\n    >\n      {label && (\n        <FieldLabel\n          icon={labelIcon}\n          as=\"label\"\n          htmlFor={id}\n          required={required}\n          className={cnDatePickerMixRangeField('Label', { labelPosition })}\n          size={size}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnDatePickerMixRangeField('Body')}>\n        <div className={cnDatePickerMixRangeField('Fields')}>\n          <DatePickerFieldTypeMonth\n            {...commonProps}\n            inputRef={startFieldInputRef}\n            ref={startFieldRef}\n            leftSide={startFieldLeftSide}\n            rightSide={startFieldRightSide}\n            form={getFormForStart(form)}\n            value={value?.[0]}\n            onChange={handleStartDateChange}\n            id={id}\n            onClick={startFieldOnClick}\n            onFocus={startFieldOnFocus}\n            onBlur={startFieldOnBlur}\n            focused={startFocused}\n            name={startFieldName}\n          />\n          <DatePickerFieldTypeMonth\n            {...commonProps}\n            name={endFieldName}\n            inputRef={endFieldInputRef}\n            ref={endFieldRef}\n            leftSide={endFieldLeftSide}\n            rightSide={endFieldRightSide}\n            form={getFormForEnd(form)}\n            value={value?.[1]}\n            onClick={endFieldOnClick}\n            onChange={handleEndDateChange}\n            onFocus={endFieldOnFocus}\n            onBlur={endFieldOnBlur}\n            focused={endFocused}\n          />\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnDatePickerMixRangeField('Caption')}\n            status={status}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerFieldTypeMonthRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeMonth","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeMonthRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","view","status","autoFocus","startFieldPlaceholder","endFieldPlaceholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeMonthRange/DatePickerFieldTypeMonthRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '##/components/FieldCaption';\nimport { FieldLabel } from '##/components/FieldLabel';\n\nimport { DatePickerFieldTypeMonth } from '../DatePickerFieldTypeMonth/DatePickerFieldTypeMonth';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeMonthRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeMonthRange = forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeMonthRangeProps\n>((props, ref) => {\n  const {\n    className,\n    form = 'default',\n    startFieldInputRef,\n    startFieldLeftSide,\n    startFieldRightSide,\n    endFieldInputRef,\n    endFieldLeftSide,\n    endFieldRightSide,\n    value = [],\n    onChange,\n    onError,\n    startFieldName,\n    endFieldName,\n    disabled,\n    size,\n    view,\n    status,\n    autoFocus,\n    startFieldPlaceholder,\n    endFieldPlaceholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    id,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    startFieldOnClick,\n    startFieldOnBlur,\n    startFieldOnFocus,\n    endFieldOnClick,\n    endFieldOnBlur,\n    endFieldOnFocus,\n    startFieldRef,\n    endFieldRef,\n    startFocused,\n    endFocused,\n    label,\n    labelIcon,\n    labelPosition,\n    caption,\n    withClearButton,\n    ...otherProps\n  } = props;\n\n  const commonProps = {\n    className: cnDatePickerMixRangeField('Field'),\n    disabled,\n    onError,\n    size,\n    view,\n    status,\n    autoFocus,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    withClearButton,\n  };\n\n  const [handleStartDateChange, handleEndDateChange] = getChangeFnRange(\n    onChange,\n    onError,\n    value,\n  );\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDatePickerMixRangeField({ view, labelPosition, size }, [\n        className,\n      ])}\n      ref={ref}\n    >\n      {label && (\n        <FieldLabel\n          icon={labelIcon}\n          as=\"label\"\n          htmlFor={id}\n          required={required}\n          className={cnDatePickerMixRangeField('Label', { labelPosition })}\n          size={size}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnDatePickerMixRangeField('Body')}>\n        <div className={cnDatePickerMixRangeField('Fields')}>\n          <DatePickerFieldTypeMonth\n            {...commonProps}\n            inputRef={startFieldInputRef}\n            ref={startFieldRef}\n            leftSide={startFieldLeftSide}\n            rightSide={startFieldRightSide}\n            form={getFormForStart(form)}\n            value={value?.[0]}\n            onChange={handleStartDateChange}\n            id={id}\n            onClick={startFieldOnClick}\n            onFocus={startFieldOnFocus}\n            onBlur={startFieldOnBlur}\n            focused={startFocused}\n            name={startFieldName}\n            placeholder={startFieldPlaceholder}\n          />\n          <DatePickerFieldTypeMonth\n            {...commonProps}\n            name={endFieldName}\n            inputRef={endFieldInputRef}\n            ref={endFieldRef}\n            leftSide={endFieldLeftSide}\n            rightSide={endFieldRightSide}\n            form={getFormForEnd(form)}\n            value={value?.[1]}\n            onClick={endFieldOnClick}\n            onChange={handleEndDateChange}\n            onFocus={endFieldOnFocus}\n            onBlur={endFieldOnBlur}\n            focused={endFocused}\n            placeholder={endFieldPlaceholder}\n          />\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnDatePickerMixRangeField('Caption')}\n            status={status}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerFieldTypeMonthRange/helpers.d.ts

@@ -5,7 +5,7 @@ import { DatePickerFieldTypeMonthProps } from '../DatePickerFieldTypeMonth/helpe
 declare type DatePickerFieldTypeMonthRangePropOnChange = (value: DateRange | null, props: {
     e: Event;
 }) => void;
-export declare type DatePickerFieldTypeMonthRangeProps = Omit<DatePickerFieldTypeMonthProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name'> & {
+export declare type DatePickerFieldTypeMonthRangeProps = Omit<DatePickerFieldTypeMonthProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name' | 'placeholder'> & {
     onChange?: DatePickerFieldTypeMonthRangePropOnChange;
     value?: DateRange | null;
     startFieldInputRef?: React.Ref<HTMLInputElement>;
@@ -29,5 +29,7 @@ export declare type DatePickerFieldTypeMonthRangeProps = Omit<DatePickerFieldTyp
     currentVisibleDate?: Date;
     startFieldName?: string;
     endFieldName?: string;
+    startFieldPlaceholder?: string;
+    endFieldPlaceholder?: string;
 };
 export {};

package/__internal__/src/components/DatePicker/DatePickerFieldTypeMonthRange/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeMonthRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeMonthProps } from '../DatePickerFieldTypeMonth/helpers';\n\ntype DatePickerFieldTypeMonthRangePropOnChange = (\n  value: DateRange | null,\n  props: {\n    e: Event;\n  },\n) => void;\n\nexport type DatePickerFieldTypeMonthRangeProps = Omit<\n  DatePickerFieldTypeMonthProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n> & {\n  onChange?: DatePickerFieldTypeMonthRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  endFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n};\n"],"mappings":""}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeMonthRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeMonthProps } from '../DatePickerFieldTypeMonth/helpers';\n\ntype DatePickerFieldTypeMonthRangePropOnChange = (\n  value: DateRange | null,\n  props: {\n    e: Event;\n  },\n) => void;\n\nexport type DatePickerFieldTypeMonthRangeProps = Omit<\n  DatePickerFieldTypeMonthProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n  | 'placeholder'\n> & {\n  onChange?: DatePickerFieldTypeMonthRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  endFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n  startFieldPlaceholder?: string;\n  endFieldPlaceholder?: string;\n};\n"],"mappings":""}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const DatePickerFieldTypeYearRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeYear/helpers").DatePickerFieldTypeYearProps, "name" | "id" | "onFocus" | "onBlur" | "onChange" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+export declare const DatePickerFieldTypeYearRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeYear/helpers").DatePickerFieldTypeYearProps, "name" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
     onChange?: ((value: import("../../../utils/types/Date").DateRange | null, props: {
         e: Event;
     }) => void) | undefined;
@@ -25,4 +25,6 @@ export declare const DatePickerFieldTypeYearRange: React.ForwardRefExoticCompone
     currentVisibleDate?: Date | undefined;
     startFieldName?: string | undefined;
     endFieldName?: string | undefined;
+    startFieldPlaceholder?: string | undefined;
+    endFieldPlaceholder?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","id","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption";import{FieldLabel}from"../../FieldLabel";import{DatePickerFieldTypeYear}from"../DatePickerFieldTypeYear/DatePickerFieldTypeYear";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeYearRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.startFieldName,q=a.endFieldName,r=a.disabled,s=a.size,t=a.id,u=a.view,v=a.status,w=a.autoFocus,x=a.placeholder,y=a.readOnly,z=a.required,A=a.tabIndex,B=a.ariaLabel,C=a.iconSize,D=a.format,E=a.separator,F=a.minDate,G=a.maxDate,H=a.startFieldOnClick,I=a.startFieldOnBlur,J=a.startFieldOnFocus,K=a.endFieldOnClick,L=a.endFieldOnBlur,M=a.endFieldOnFocus,N=a.startFieldRef,O=a.endFieldRef,P=a.startFocused,Q=a.endFocused,R=a.label,S=a.labelIcon,T=a.labelPosition,U=a.caption,V=a.withClearButton,W=_objectWithoutProperties(a,_excluded),X={className:cnDatePickerMixRangeField("Field"),disabled:r,onError:o,size:s,view:u,status:v,autoFocus:w,placeholder:x,readOnly:y,required:z,tabIndex:A,ariaLabel:B,iconSize:C,format:D,separator:E,minDate:F,maxDate:G,withClearButton:V},Y=getChangeFnRange(n,o,m),Z=_slicedToArray(Y,2),$=Z[0],_=Z[1];return React.createElement("div",Object.assign({},W,{className:cnDatePickerMixRangeField({view:u,labelPosition:T,size:s},[c]),ref:b}),R&&React.createElement(FieldLabel,{icon:S,required:z,as:"label",htmlFor:t,className:cnDatePickerMixRangeField("Label",{labelPosition:T}),size:s},R),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeYear,Object.assign({},X,{id:t,inputRef:f,ref:N,leftSide:g,rightSide:h,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],onClick:H,onChange:$,onFocus:J,onBlur:I,focused:P,name:p})),React.createElement(DatePickerFieldTypeYear,Object.assign({},X,{name:q,inputRef:i,ref:O,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onClick:K,onChange:_,onFocus:M,onBlur:L,focused:Q}))),U&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:v},U)))});
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","id","view","status","autoFocus","startFieldPlaceholder","endFieldPlaceholder","readOnly","required","tabIndex","ariaLabel","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption";import{FieldLabel}from"../../FieldLabel";import{DatePickerFieldTypeYear}from"../DatePickerFieldTypeYear/DatePickerFieldTypeYear";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeYearRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.startFieldName,q=a.endFieldName,r=a.disabled,s=a.size,t=a.id,u=a.view,v=a.status,w=a.autoFocus,x=a.startFieldPlaceholder,y=a.endFieldPlaceholder,z=a.readOnly,A=a.required,B=a.tabIndex,C=a.ariaLabel,D=a.iconSize,E=a.format,F=a.separator,G=a.minDate,H=a.maxDate,I=a.startFieldOnClick,J=a.startFieldOnBlur,K=a.startFieldOnFocus,L=a.endFieldOnClick,M=a.endFieldOnBlur,N=a.endFieldOnFocus,O=a.startFieldRef,P=a.endFieldRef,Q=a.startFocused,R=a.endFocused,S=a.label,T=a.labelIcon,U=a.labelPosition,V=a.caption,W=a.withClearButton,X=_objectWithoutProperties(a,_excluded),Y={className:cnDatePickerMixRangeField("Field"),disabled:r,onError:o,size:s,view:u,status:v,autoFocus:w,readOnly:z,required:A,tabIndex:B,ariaLabel:C,iconSize:D,format:E,separator:F,minDate:G,maxDate:H,withClearButton:W},Z=getChangeFnRange(n,o,m),$=_slicedToArray(Z,2),_=$[0],aa=$[1];return React.createElement("div",Object.assign({},X,{className:cnDatePickerMixRangeField({view:u,labelPosition:U,size:s},[c]),ref:b}),S&&React.createElement(FieldLabel,{icon:T,required:A,as:"label",htmlFor:t,className:cnDatePickerMixRangeField("Label",{labelPosition:U}),size:s},S),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeYear,Object.assign({},Y,{id:t,inputRef:f,ref:O,leftSide:g,rightSide:h,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],onClick:I,onChange:_,onFocus:K,onBlur:J,focused:Q,name:p,placeholder:x})),React.createElement(DatePickerFieldTypeYear,Object.assign({},Y,{name:q,inputRef:i,ref:P,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onClick:L,onChange:aa,onFocus:N,onBlur:M,focused:R,placeholder:y}))),V&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:v},V)))});
 //# sourceMappingURL=DatePickerFieldTypeYearRange.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerFieldTypeYearRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeYear","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeYearRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","id","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '##/components/FieldCaption';\nimport { FieldLabel } from '##/components/FieldLabel';\n\nimport { DatePickerFieldTypeYear } from '../DatePickerFieldTypeYear/DatePickerFieldTypeYear';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeYearRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeYearRange = forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeYearRangeProps\n>((props, ref) => {\n  const {\n    className,\n    form = 'default',\n    startFieldInputRef,\n    startFieldLeftSide,\n    startFieldRightSide,\n    endFieldInputRef,\n    endFieldLeftSide,\n    endFieldRightSide,\n    value = [],\n    onChange,\n    onError,\n    startFieldName,\n    endFieldName,\n    disabled,\n    size,\n    id,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    startFieldOnClick,\n    startFieldOnBlur,\n    startFieldOnFocus,\n    endFieldOnClick,\n    endFieldOnBlur,\n    endFieldOnFocus,\n    startFieldRef,\n    endFieldRef,\n    startFocused,\n    endFocused,\n    label,\n    labelIcon,\n    labelPosition,\n    caption,\n    withClearButton,\n    ...otherProps\n  } = props;\n\n  const commonProps = {\n    className: cnDatePickerMixRangeField('Field'),\n    disabled,\n    onError,\n    size,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    withClearButton,\n  };\n\n  const [handleStartDateChange, handleEndDateChange] = getChangeFnRange(\n    onChange,\n    onError,\n    value,\n  );\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDatePickerMixRangeField({ view, labelPosition, size }, [\n        className,\n      ])}\n      ref={ref}\n    >\n      {label && (\n        <FieldLabel\n          icon={labelIcon}\n          required={required}\n          as=\"label\"\n          htmlFor={id}\n          className={cnDatePickerMixRangeField('Label', { labelPosition })}\n          size={size}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnDatePickerMixRangeField('Body')}>\n        <div className={cnDatePickerMixRangeField('Fields')}>\n          <DatePickerFieldTypeYear\n            {...commonProps}\n            id={id}\n            inputRef={startFieldInputRef}\n            ref={startFieldRef}\n            leftSide={startFieldLeftSide}\n            rightSide={startFieldRightSide}\n            form={getFormForStart(form)}\n            value={value?.[0]}\n            onClick={startFieldOnClick}\n            onChange={handleStartDateChange}\n            onFocus={startFieldOnFocus}\n            onBlur={startFieldOnBlur}\n            focused={startFocused}\n            name={startFieldName}\n          />\n          <DatePickerFieldTypeYear\n            {...commonProps}\n            name={endFieldName}\n            inputRef={endFieldInputRef}\n            ref={endFieldRef}\n            leftSide={endFieldLeftSide}\n            rightSide={endFieldRightSide}\n            form={getFormForEnd(form)}\n            value={value?.[1]}\n            onClick={endFieldOnClick}\n            onChange={handleEndDateChange}\n            onFocus={endFieldOnFocus}\n            onBlur={endFieldOnBlur}\n            focused={endFocused}\n          />\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnDatePickerMixRangeField('Caption')}\n            status={status}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerFieldTypeYearRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeYear","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeYearRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","id","view","status","autoFocus","startFieldPlaceholder","endFieldPlaceholder","readOnly","required","tabIndex","ariaLabel","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '##/components/FieldCaption';\nimport { FieldLabel } from '##/components/FieldLabel';\n\nimport { DatePickerFieldTypeYear } from '../DatePickerFieldTypeYear/DatePickerFieldTypeYear';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeYearRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeYearRange = forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeYearRangeProps\n>((props, ref) => {\n  const {\n    className,\n    form = 'default',\n    startFieldInputRef,\n    startFieldLeftSide,\n    startFieldRightSide,\n    endFieldInputRef,\n    endFieldLeftSide,\n    endFieldRightSide,\n    value = [],\n    onChange,\n    onError,\n    startFieldName,\n    endFieldName,\n    disabled,\n    size,\n    id,\n    view,\n    status,\n    autoFocus,\n    startFieldPlaceholder,\n    endFieldPlaceholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    startFieldOnClick,\n    startFieldOnBlur,\n    startFieldOnFocus,\n    endFieldOnClick,\n    endFieldOnBlur,\n    endFieldOnFocus,\n    startFieldRef,\n    endFieldRef,\n    startFocused,\n    endFocused,\n    label,\n    labelIcon,\n    labelPosition,\n    caption,\n    withClearButton,\n    ...otherProps\n  } = props;\n\n  const commonProps = {\n    className: cnDatePickerMixRangeField('Field'),\n    disabled,\n    onError,\n    size,\n    view,\n    status,\n    autoFocus,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    withClearButton,\n  };\n\n  const [handleStartDateChange, handleEndDateChange] = getChangeFnRange(\n    onChange,\n    onError,\n    value,\n  );\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDatePickerMixRangeField({ view, labelPosition, size }, [\n        className,\n      ])}\n      ref={ref}\n    >\n      {label && (\n        <FieldLabel\n          icon={labelIcon}\n          required={required}\n          as=\"label\"\n          htmlFor={id}\n          className={cnDatePickerMixRangeField('Label', { labelPosition })}\n          size={size}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnDatePickerMixRangeField('Body')}>\n        <div className={cnDatePickerMixRangeField('Fields')}>\n          <DatePickerFieldTypeYear\n            {...commonProps}\n            id={id}\n            inputRef={startFieldInputRef}\n            ref={startFieldRef}\n            leftSide={startFieldLeftSide}\n            rightSide={startFieldRightSide}\n            form={getFormForStart(form)}\n            value={value?.[0]}\n            onClick={startFieldOnClick}\n            onChange={handleStartDateChange}\n            onFocus={startFieldOnFocus}\n            onBlur={startFieldOnBlur}\n            focused={startFocused}\n            name={startFieldName}\n            placeholder={startFieldPlaceholder}\n          />\n          <DatePickerFieldTypeYear\n            {...commonProps}\n            name={endFieldName}\n            inputRef={endFieldInputRef}\n            ref={endFieldRef}\n            leftSide={endFieldLeftSide}\n            rightSide={endFieldRightSide}\n            form={getFormForEnd(form)}\n            value={value?.[1]}\n            onClick={endFieldOnClick}\n            onChange={handleEndDateChange}\n            onFocus={endFieldOnFocus}\n            onBlur={endFieldOnBlur}\n            focused={endFocused}\n            placeholder={endFieldPlaceholder}\n          />\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnDatePickerMixRangeField('Caption')}\n            status={status}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerFieldTypeYearRange/helpers.d.ts

@@ -5,7 +5,7 @@ import { DatePickerFieldTypeYearProps } from '../DatePickerFieldTypeYear/helpers
 declare type DatePickerFieldTypeYearRangePropOnChange = (value: DateRange | null, props: {
     e: Event;
 }) => void;
-export declare type DatePickerFieldTypeYearRangeProps = Omit<DatePickerFieldTypeYearProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name'> & {
+export declare type DatePickerFieldTypeYearRangeProps = Omit<DatePickerFieldTypeYearProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name' | 'placeholder'> & {
     onChange?: DatePickerFieldTypeYearRangePropOnChange;
     value?: DateRange | null;
     startFieldInputRef?: React.Ref<HTMLInputElement>;
@@ -29,5 +29,7 @@ export declare type DatePickerFieldTypeYearRangeProps = Omit<DatePickerFieldType
     currentVisibleDate?: Date;
     startFieldName?: string;
     endFieldName?: string;
+    startFieldPlaceholder?: string;
+    endFieldPlaceholder?: string;
 };
 export {};

package/__internal__/src/components/DatePicker/DatePickerFieldTypeYearRange/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeYearRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeYearProps } from '../DatePickerFieldTypeYear/helpers';\n\ntype DatePickerFieldTypeYearRangePropOnChange = (\n  value: DateRange | null,\n  props: {\n    e: Event;\n  },\n) => void;\n\nexport type DatePickerFieldTypeYearRangeProps = Omit<\n  DatePickerFieldTypeYearProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n> & {\n  onChange?: DatePickerFieldTypeYearRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  endFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n};\n"],"mappings":""}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeYearRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeYearProps } from '../DatePickerFieldTypeYear/helpers';\n\ntype DatePickerFieldTypeYearRangePropOnChange = (\n  value: DateRange | null,\n  props: {\n    e: Event;\n  },\n) => void;\n\nexport type DatePickerFieldTypeYearRangeProps = Omit<\n  DatePickerFieldTypeYearProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n  | 'placeholder'\n> & {\n  onChange?: DatePickerFieldTypeYearRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  endFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n  startFieldPlaceholder?: string;\n  endFieldPlaceholder?: string;\n};\n"],"mappings":""}