@skbkontur/react-ui 0.0.0-2d05d1e54b → 0.0.0-2dd5039746

package/cjs/components/DateInput/helpers/InternalDateMediator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InternalDateMediator.ts"],"names":["InternalDateMediator","iDate","InternalDate","update","props","locale","start","getRangeStart","min","toInternalString","end","getRangeEnd","max","order","separator","setOrder","setSeparator","minDate","setRangeStart","value","maxDate","setRangeEnd","parseInternalValue","paste","pasted","parseValue","restore","cutOffExcess","isIncomplete","restored","clone","isEqual","duplicateOf","getFragments","toFragments","withSeparator","withPad","deleteOneCharRight","type","inputMode","prev","get","String","InternalDateTransformer","padDateComponent","next","replace","set","isChangedLocale","getOrder","getSeparator","isNull","isEmpty","clear","validateString","parseValueToDate","getString","toString","getInternalString","getTypesOrder","map","getLeftmostType","getRightmostType","inputKey","key","prevValue","InternalDateComponentType","Year","nextValue","nextInputMode","shiftDateComponent","step","isValidRange","validate","checks","InternalDateValidateCheck","Range","InternalDateGetter","shift","isRange","isLoop","changed","isEqualComponentDate","getShiftedType","typesOrder","index","indexOf","nextIndex","All","getYear","shiftedType"],"mappings":"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","sourcesContent":["import { InternalDate } from '../../../lib/date/InternalDate';\r\nimport { InternalDateGetter } from '../../../lib/date/InternalDateGetter';\r\nimport { InternalDateTransformer } from '../../../lib/date/InternalDateTransformer';\r\nimport { InternalDateComponentType, InternalDateTypesOrder, InternalDateValidateCheck } from '../../../lib/date/types';\r\nimport { DatePickerLocale } from '../../DatePicker/locale';\r\nimport { DateInputProps } from '../DateInput';\r\n\r\nimport { inputNumber } from './inputNumber';\r\n\r\nexport class InternalDateMediator {\r\n  public iDate: InternalDate = new InternalDate();\r\n\r\n  public update = (props: DateInputProps, locale: DatePickerLocale): InternalDateMediator => {\r\n    const start = this.iDate.getRangeStart();\r\n    const min = start && start.toInternalString();\r\n    const end = this.iDate.getRangeEnd();\r\n    const max = end && end.toInternalString();\r\n    const { order, separator } = locale;\r\n    this.iDate.setOrder(order).setSeparator(separator);\r\n    if (props.minDate !== min) {\r\n      this.iDate.setRangeStart(\r\n        props.minDate\r\n          ? new InternalDate({\r\n              order,\r\n              separator,\r\n              value: props.minDate,\r\n            })\r\n          : null,\r\n      );\r\n    }\r\n    if (props.maxDate !== max) {\r\n      this.iDate.setRangeEnd(\r\n        props.maxDate\r\n          ? new InternalDate({\r\n              order,\r\n              separator,\r\n              value: props.maxDate,\r\n            })\r\n          : null,\r\n      );\r\n    }\r\n    if (!props.value || props.value !== this.iDate.toInternalString()) {\r\n      this.iDate.parseInternalValue(props.value);\r\n    }\r\n    return this;\r\n  };\r\n\r\n  public inputKey(key: string, type: InternalDateComponentType | null, inputMode: boolean): boolean {\r\n    const prevValue = this.iDate.get(type);\r\n    if (type === null) {\r\n      type = this.getLeftmostType();\r\n      this.clear(type);\r\n    }\r\n    if (type !== InternalDateComponentType.Year) {\r\n      this.iDate.cutOffExcess(type);\r\n    } else {\r\n      this.iDate.restore(type);\r\n    }\r\n    const { nextValue, nextInputMode } = inputNumber(type, prevValue, key, inputMode);\r\n    this.iDate.set(type, nextValue);\r\n    return nextInputMode;\r\n  }\r\n\r\n  public paste = (pasted: string): InternalDateMediator => {\r\n    this.iDate\r\n      .parseValue(pasted)\r\n      .restore()\r\n      .cutOffExcess();\r\n    return this;\r\n  };\r\n\r\n  public restore = (): boolean => {\r\n    if (this.iDate.isIncomplete()) {\r\n      const restored = this.iDate.clone().restore();\r\n      if (!this.iDate.isEqual(restored)) {\r\n        this.iDate.duplicateOf(restored);\r\n      }\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n\r\n  public shiftDateComponent(type: InternalDateComponentType | null, step: number): boolean {\r\n    type = type === null ? this.getLeftmostType() : type;\r\n    const iDate = this.iDate.clone();\r\n    const isValidRange = iDate.validate({ checks: [InternalDateValidateCheck.Range] });\r\n    const start = iDate.getRangeStart();\r\n    const end = iDate.getRangeEnd();\r\n    if (!isValidRange) {\r\n      // Удерживаем дату в заданном диапазоне\r\n      if (start && InternalDateGetter.max([iDate, start]) === start) {\r\n        iDate.duplicateOf(start);\r\n      } else if (end && InternalDateGetter.min([iDate, end]) === end) {\r\n        iDate.duplicateOf(end);\r\n      }\r\n    } else {\r\n      const clone = iDate.clone().shift(type, step, { isRange: false, isLoop: true });\r\n      if (clone.validate({ checks: [InternalDateValidateCheck.Range] })) {\r\n        iDate.duplicateOf(clone);\r\n      }\r\n    }\r\n    const changed = !this.iDate.isEqualComponentDate(type, iDate);\r\n    this.iDate = iDate;\r\n    return changed;\r\n  }\r\n\r\n  public getShiftedType(type: InternalDateComponentType | null, step: number): InternalDateComponentType | null {\r\n    const typesOrder = this.getTypesOrder();\r\n    const index = type === null ? 0 : typesOrder.indexOf(type);\r\n    const nextIndex = index + step;\r\n\r\n    // Если выделено всё поле, то в завимости от направления перемещения, выделям крайний компонент\r\n    if (type === InternalDateComponentType.All) {\r\n      return step < 0 ? typesOrder[0] : typesOrder[2];\r\n    }\r\n\r\n    // Если текущий компонент \"год\", и он не пуст, то при перемещении выделения \"восстанавливаем\" значение года\r\n    if (type === InternalDateComponentType.Year && this.iDate.getYear() !== null) {\r\n      this.iDate.restore(type);\r\n    }\r\n\r\n    const shiftedType = typesOrder[nextIndex];\r\n    return typeof shiftedType === 'number' ? shiftedType : type;\r\n  }\r\n\r\n  public getFragments = () =>\r\n    this.iDate.toFragments({\r\n      withSeparator: true,\r\n      withPad: true,\r\n    });\r\n\r\n  public deleteOneCharRight = (type: InternalDateComponentType, inputMode: boolean) => {\r\n    let prev = this.iDate.get(type);\r\n    prev = String(inputMode ? prev : InternalDateTransformer.padDateComponent(type, prev));\r\n    const next = prev.replace(/.$/, '') || null;\r\n    this.iDate.set(type, next);\r\n  };\r\n\r\n  public isChangedLocale = (locale: DatePickerLocale): boolean =>\r\n    locale.order !== this.iDate.getOrder() || locale.separator !== this.iDate.getSeparator();\r\n\r\n  public isNull = (type: InternalDateComponentType | null): boolean => this.iDate.get(type) === null;\r\n\r\n  public isEmpty = (): boolean => this.iDate.isEmpty();\r\n\r\n  public get = (type: InternalDateComponentType | null) => this.iDate.get(type);\r\n\r\n  public clear = (type: InternalDateComponentType | null): InternalDate => this.iDate.set(type, null);\r\n\r\n  public validateString = (value: string): boolean =>\r\n    InternalDateTransformer.parseValueToDate(value, this.iDate.getOrder()) !== null;\r\n\r\n  public getString = (): string => (this.iDate.isEmpty() ? '' : this.iDate.toString());\r\n\r\n  public getInternalString = (): string => (this.iDate.isEmpty() ? '' : this.iDate.toInternalString());\r\n\r\n  public getTypesOrder = () => this.iDate.toFragments().map(({ type }) => type) as InternalDateTypesOrder;\r\n\r\n  public getLeftmostType = (): InternalDateComponentType => this.getTypesOrder()[0];\r\n\r\n  public getRightmostType = (): InternalDateComponentType => this.getTypesOrder()[2];\r\n}\r\n"]}
+{"version":3,"sources":["InternalDateMediator.ts"],"names":["InternalDateMediator","iDate","InternalDate","update","props","locale","start","getRangeStart","min","toInternalString","end","getRangeEnd","max","order","separator","setOrder","setSeparator","minDate","setRangeStart","value","maxDate","setRangeEnd","parseInternalValue","paste","pasted","parseValue","restore","cutOffExcess","isIncomplete","restored","clone","isEqual","duplicateOf","getFragments","toFragments","withSeparator","withPad","deleteOneCharRight","type","inputMode","prev","get","String","InternalDateTransformer","padDateComponent","next","replace","set","isChangedLocale","getOrder","getSeparator","isNull","isEmpty","clear","validateString","parseValueToDate","getString","toString","getInternalString","getTypesOrder","map","getLeftmostType","getRightmostType","inputKey","key","prevValue","leftMostType","InternalDateComponentType","Year","maxValue","InternalDateGetter","getDefaultMax","getComponentsLikeNumber","nextValue","nextInputMode","changed","shiftDateComponent","step","calculatedType","isValidRange","validate","checks","InternalDateValidateCheck","Range","shift","isRange","isLoop","isCutFeb","isEqualComponentDate","getShiftedType","typesOrder","index","indexOf","nextIndex","All","getYear","shiftedType"],"mappings":"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","sourcesContent":["import { InternalDate } from '../../../lib/date/InternalDate';\nimport { InternalDateGetter } from '../../../lib/date/InternalDateGetter';\nimport { InternalDateTransformer } from '../../../lib/date/InternalDateTransformer';\nimport {\n  InputKeyResult,\n  InternalDateComponentType,\n  InternalDateTypesOrder,\n  InternalDateValidateCheck,\n} from '../../../lib/date/types';\nimport { DatePickerLocale } from '../../DatePicker/locale';\nimport { DateInputProps } from '../DateInput';\n\nimport { inputNumber } from './inputNumber';\n\nexport class InternalDateMediator {\n  public iDate: InternalDate = new InternalDate();\n\n  public update = (props: DateInputProps, locale: DatePickerLocale): InternalDateMediator => {\n    const start = this.iDate.getRangeStart();\n    const min = start && start.toInternalString();\n    const end = this.iDate.getRangeEnd();\n    const max = end && end.toInternalString();\n    const { order, separator } = locale;\n    this.iDate.setOrder(order).setSeparator(separator);\n    if (props.minDate !== min) {\n      this.iDate.setRangeStart(\n        props.minDate\n          ? new InternalDate({\n              order,\n              separator,\n              value: props.minDate,\n            })\n          : null,\n      );\n    }\n    if (props.maxDate !== max) {\n      this.iDate.setRangeEnd(\n        props.maxDate\n          ? new InternalDate({\n              order,\n              separator,\n              value: props.maxDate,\n            })\n          : null,\n      );\n    }\n    if (!props.value || props.value !== this.iDate.toInternalString()) {\n      this.iDate.parseInternalValue(props.value);\n    }\n    return this;\n  };\n\n  public inputKey(key: string, type: InternalDateComponentType | null, inputMode: boolean): InputKeyResult {\n    const prevValue = this.iDate.get(type);\n    if (type === null) {\n      const leftMostType = this.getLeftmostType();\n      this.clear(leftMostType);\n    }\n\n    if (type !== InternalDateComponentType.Year) {\n      this.iDate.cutOffExcess(type);\n    } else {\n      this.iDate.restore(type);\n    }\n    const maxValue = InternalDateGetter.getDefaultMax(type, this.iDate.getComponentsLikeNumber());\n    const { nextValue, nextInputMode } = inputNumber(type, prevValue, key, inputMode, maxValue);\n    this.iDate.set(type, nextValue);\n    return { inputMode: nextInputMode, changed: nextValue !== prevValue };\n  }\n\n  public paste = (pasted: string): InternalDateMediator => {\n    this.iDate.parseValue(pasted).restore().cutOffExcess();\n    return this;\n  };\n\n  public restore = (): boolean => {\n    if (this.iDate.isIncomplete()) {\n      const restored = this.iDate.clone().restore();\n      if (!this.iDate.isEqual(restored)) {\n        this.iDate.duplicateOf(restored);\n      }\n      return true;\n    }\n    return false;\n  };\n\n  public shiftDateComponent(type: InternalDateComponentType | null, step: number): boolean {\n    const calculatedType = type ?? this.getLeftmostType();\n\n    const iDate = this.iDate.clone();\n    const start = iDate.getRangeStart();\n    const end = iDate.getRangeEnd();\n\n    const isValidRange = iDate.validate({ checks: [InternalDateValidateCheck.Range] });\n    if (!isValidRange) {\n      // Удерживаем дату в заданном диапазоне\n      if (start && InternalDateGetter.max([iDate, start]) === start) {\n        iDate.duplicateOf(start);\n      } else if (end && InternalDateGetter.min([iDate, end]) === end) {\n        iDate.duplicateOf(end);\n      }\n    } else {\n      const clone = iDate.clone().shift(calculatedType, step, { isRange: false, isLoop: true, isCutFeb: true });\n      if (clone.validate({ checks: [InternalDateValidateCheck.Range] })) {\n        iDate.duplicateOf(clone);\n      }\n    }\n\n    const changed = !this.iDate.isEqualComponentDate(calculatedType, iDate);\n    this.iDate = iDate;\n    return changed;\n  }\n\n  public getShiftedType(type: InternalDateComponentType | null, step: number): InternalDateComponentType | null {\n    const typesOrder = this.getTypesOrder();\n    const index = type === null ? 0 : typesOrder.indexOf(type);\n    const nextIndex = index + step;\n\n    // Если выделено всё поле, то в завимости от направления перемещения, выделям крайний компонент\n    if (type === InternalDateComponentType.All) {\n      return step < 0 ? typesOrder[0] : typesOrder[2];\n    }\n\n    // Если текущий компонент \"год\", и он не пуст, то при перемещении выделения \"восстанавливаем\" значение года\n    if (type === InternalDateComponentType.Year && this.iDate.getYear() !== null) {\n      this.iDate.restore(type);\n    }\n\n    const shiftedType = typesOrder[nextIndex];\n    return typeof shiftedType === 'number' ? shiftedType : type;\n  }\n\n  public getFragments = () =>\n    this.iDate.toFragments({\n      withSeparator: true,\n      withPad: true,\n    });\n\n  public deleteOneCharRight = (type: InternalDateComponentType, inputMode: boolean) => {\n    let prev = this.iDate.get(type);\n    prev = String(inputMode ? prev : InternalDateTransformer.padDateComponent(type, prev));\n    const next = prev.replace(/.$/, '') || null;\n    this.iDate.set(type, next);\n  };\n\n  public isChangedLocale = (locale: DatePickerLocale): boolean =>\n    locale.order !== this.iDate.getOrder() || locale.separator !== this.iDate.getSeparator();\n\n  public isNull = (type: InternalDateComponentType | null): boolean => this.iDate.get(type) === null;\n\n  public isEmpty = (): boolean => this.iDate.isEmpty();\n\n  public get = (type: InternalDateComponentType | null) => this.iDate.get(type);\n\n  public clear = (type: InternalDateComponentType | null): InternalDate => this.iDate.set(type, null);\n\n  public validateString = (value: string): boolean =>\n    InternalDateTransformer.parseValueToDate(value, this.iDate.getOrder()) !== null;\n\n  public getString = (): string => (this.iDate.isEmpty() ? '' : this.iDate.toString());\n\n  public getInternalString = (): string => (this.iDate.isEmpty() ? '' : this.iDate.toInternalString());\n\n  public getTypesOrder = () => this.iDate.toFragments().map(({ type }) => type) as InternalDateTypesOrder;\n\n  public getLeftmostType = (): InternalDateComponentType => this.getTypesOrder()[0];\n\n  public getRightmostType = (): InternalDateComponentType => this.getTypesOrder()[2];\n}\n"]}

package/cjs/components/DateInput/helpers/SelectionHelpers.js

@@ -1,8 +1,8 @@
-"use strict";exports.__esModule = true;exports.removeAllSelections = exports.selectNodeContents = void 0;var selectNodeContents = function selectNodeContents(node, start, end) {
+"use strict";exports.__esModule = true;exports.selectNodeContents = exports.removeAllSelections = void 0;var selectNodeContents = function selectNodeContents(node, start, end) {
   if (!node) {
     return;
   }
-  if (document.createRange) {
+  if ('createRange' in document) {
     try {
       var selection = window.getSelection();
       var range = window.document.createRange();
@@ -23,9 +23,9 @@
     }
   }
 
-  // @ts-ignore (IE specific api)
+  // @ts-expect-error: IE-specific API.
   if (typeof document.body.createTextRange === 'function') {
-    // @ts-ignore
+    // @ts-expect-error: Read the comment above.
     var _range = document.body.createTextRange();
     _range.moveToElementText(node);
     if (typeof _range.select === 'function') {

package/cjs/components/DateInput/helpers/SelectionHelpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SelectionHelpers.tsx"],"names":["selectNodeContents","node","start","end","document","createRange","selection","window","getSelection","range","undefined","setStart","setEnd","removeAllRanges","addRange","e","body","createTextRange","moveToElementText","select","removeAllSelections"],"mappings":"yGAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD,EAA2BC,KAA3B,EAA2CC,GAA3C,EAA4D;AAC5F,MAAI,CAACF,IAAL,EAAW;AACT;AACD;AACD,MAAIG,QAAQ,CAACC,WAAb,EAA0B;AACxB,QAAI;AACF,UAAMC,SAAS,GAAGC,MAAM,CAACC,YAAP,EAAlB;AACA,UAAMC,KAAK,GAAGF,MAAM,CAACH,QAAP,CAAgBC,WAAhB,EAAd;AACA,UAAIH,KAAK,KAAKQ,SAAV,IAAuBP,GAAG,KAAKO,SAAnC,EAA8C;AAC5CD,QAAAA,KAAK,CAACE,QAAN,CAAeV,IAAf,EAAqBC,KAArB;AACAO,QAAAA,KAAK,CAACG,MAAN,CAAaX,IAAb,EAAmBE,GAAnB;AACD,OAHD,MAGO;AACLM,QAAAA,KAAK,CAACT,kBAAN,CAAyBC,IAAzB;AACD;AACD,UAAIK,SAAS,KAAK,IAAlB,EAAwB;AACtB;AACAA,QAAAA,SAAS,CAACO,eAAV;AACAP,QAAAA,SAAS,CAACQ,QAAV,CAAmBL,KAAnB;AACA;AACD;AACF,KAfD,CAeE,OAAOM,CAAP,EAAU;AACV;AACD;AACF;;AAED;AACA,MAAI,OAAOX,QAAQ,CAACY,IAAT,CAAcC,eAArB,KAAyC,UAA7C,EAAyD;AACvD;AACA,QAAMR,MAAK,GAAGL,QAAQ,CAACY,IAAT,CAAcC,eAAd,EAAd;AACAR,IAAAA,MAAK,CAACS,iBAAN,CAAwBjB,IAAxB;AACA,QAAI,OAAOQ,MAAK,CAACU,MAAb,KAAwB,UAA5B,EAAwC;AACtCV,MAAAA,MAAK,CAACU,MAAN;AACD;AACD;AACD;AACF,CAnCM,C;;AAqCA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AACvC,MAAMd,SAAS,GAAGC,MAAM,CAACC,YAAP,EAAlB;AACA,MAAIF,SAAS,KAAK,IAAlB,EAAwB;AACtB,QAAI;AACF;AACAA,MAAAA,SAAS,CAACO,eAAV;AACD,KAHD,CAGE,OAAOE,CAAP,EAAU;AACV;AACD;AACF;AACF,CAVM,C","sourcesContent":["export const selectNodeContents = (node: HTMLElement | null, start?: number, end?: number) => {\r\n  if (!node) {\r\n    return;\r\n  }\r\n  if (document.createRange) {\r\n    try {\r\n      const selection = window.getSelection();\r\n      const range = window.document.createRange();\r\n      if (start !== undefined && end !== undefined) {\r\n        range.setStart(node, start);\r\n        range.setEnd(node, end);\r\n      } else {\r\n        range.selectNodeContents(node);\r\n      }\r\n      if (selection !== null) {\r\n        // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\r\n        selection.removeAllRanges();\r\n        selection.addRange(range);\r\n        return;\r\n      }\r\n    } catch (e) {\r\n      // empty block\r\n    }\r\n  }\r\n\r\n  // @ts-ignore (IE specific api)\r\n  if (typeof document.body.createTextRange === 'function') {\r\n    // @ts-ignore\r\n    const range = document.body.createTextRange();\r\n    range.moveToElementText(node);\r\n    if (typeof range.select === 'function') {\r\n      range.select();\r\n    }\r\n    return;\r\n  }\r\n};\r\n\r\nexport const removeAllSelections = () => {\r\n  const selection = window.getSelection();\r\n  if (selection !== null) {\r\n    try {\r\n      // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\r\n      selection.removeAllRanges();\r\n    } catch (e) {\r\n      // empty block\r\n    }\r\n  }\r\n};\r\n"]}
+{"version":3,"sources":["SelectionHelpers.tsx"],"names":["selectNodeContents","node","start","end","document","selection","window","getSelection","range","createRange","undefined","setStart","setEnd","removeAllRanges","addRange","e","body","createTextRange","moveToElementText","select","removeAllSelections"],"mappings":"yGAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD,EAA2BC,KAA3B,EAA2CC,GAA3C,EAA4D;AAC5F,MAAI,CAACF,IAAL,EAAW;AACT;AACD;AACD,MAAI,iBAAiBG,QAArB,EAA+B;AAC7B,QAAI;AACF,UAAMC,SAAS,GAAGC,MAAM,CAACC,YAAP,EAAlB;AACA,UAAMC,KAAK,GAAGF,MAAM,CAACF,QAAP,CAAgBK,WAAhB,EAAd;AACA,UAAIP,KAAK,KAAKQ,SAAV,IAAuBP,GAAG,KAAKO,SAAnC,EAA8C;AAC5CF,QAAAA,KAAK,CAACG,QAAN,CAAeV,IAAf,EAAqBC,KAArB;AACAM,QAAAA,KAAK,CAACI,MAAN,CAAaX,IAAb,EAAmBE,GAAnB;AACD,OAHD,MAGO;AACLK,QAAAA,KAAK,CAACR,kBAAN,CAAyBC,IAAzB;AACD;AACD,UAAII,SAAS,KAAK,IAAlB,EAAwB;AACtB;AACAA,QAAAA,SAAS,CAACQ,eAAV;AACAR,QAAAA,SAAS,CAACS,QAAV,CAAmBN,KAAnB;AACA;AACD;AACF,KAfD,CAeE,OAAOO,CAAP,EAAU;AACV;AACD;AACF;;AAED;AACA,MAAI,OAAOX,QAAQ,CAACY,IAAT,CAAcC,eAArB,KAAyC,UAA7C,EAAyD;AACvD;AACA,QAAMT,MAAK,GAAGJ,QAAQ,CAACY,IAAT,CAAcC,eAAd,EAAd;AACAT,IAAAA,MAAK,CAACU,iBAAN,CAAwBjB,IAAxB;AACA,QAAI,OAAOO,MAAK,CAACW,MAAb,KAAwB,UAA5B,EAAwC;AACtCX,MAAAA,MAAK,CAACW,MAAN;AACD;AACD;AACD;AACF,CAnCM,C;;AAqCA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AACvC,MAAMf,SAAS,GAAGC,MAAM,CAACC,YAAP,EAAlB;AACA,MAAIF,SAAS,KAAK,IAAlB,EAAwB;AACtB,QAAI;AACF;AACAA,MAAAA,SAAS,CAACQ,eAAV;AACD,KAHD,CAGE,OAAOE,CAAP,EAAU;AACV;AACD;AACF;AACF,CAVM,C","sourcesContent":["export const selectNodeContents = (node: HTMLElement | null, start?: number, end?: number) => {\n  if (!node) {\n    return;\n  }\n  if ('createRange' in document) {\n    try {\n      const selection = window.getSelection();\n      const range = window.document.createRange();\n      if (start !== undefined && end !== undefined) {\n        range.setStart(node, start);\n        range.setEnd(node, end);\n      } else {\n        range.selectNodeContents(node);\n      }\n      if (selection !== null) {\n        // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\n        selection.removeAllRanges();\n        selection.addRange(range);\n        return;\n      }\n    } catch (e) {\n      // empty block\n    }\n  }\n\n  // @ts-expect-error: IE-specific API.\n  if (typeof document.body.createTextRange === 'function') {\n    // @ts-expect-error: Read the comment above.\n    const range = document.body.createTextRange();\n    range.moveToElementText(node);\n    if (typeof range.select === 'function') {\n      range.select();\n    }\n    return;\n  }\n};\n\nexport const removeAllSelections = () => {\n  const selection = window.getSelection();\n  if (selection !== null) {\n    try {\n      // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\n      selection.removeAllRanges();\n    } catch (e) {\n      // empty block\n    }\n  }\n};\n"]}

package/cjs/components/DateInput/helpers/inputNumber.d.ts

@@ -1,5 +1,5 @@
-import { InternalDateComponentType } from '../../../lib/date/types';
-export declare const inputNumber: (type: InternalDateComponentType | null, prev: string | number | null, key: string, inputMode: boolean) => {
-    nextValue: string | number | null;
+import { InternalDateComponentRaw, InternalDateComponentType } from '../../../lib/date/types';
+export declare const inputNumber: (type: InternalDateComponentType | null, prev: InternalDateComponentRaw, key: string, inputMode: boolean, maxValue: number) => {
+    nextValue: InternalDateComponentRaw;
     nextInputMode: boolean;
 };

package/cjs/components/DateInput/helpers/inputNumber.js

@@ -5,26 +5,59 @@ var inputNumber = function inputNumber(
 type,
 prev,
 key,
-inputMode)
+inputMode,
+maxValue)
 {
   var nextInputMode = false;
   var nextValue;
+  var firstDigits = getFirstDigits(type, maxValue);
+  var maxLength = getMaxLength(type);
+
+  if (!inputMode) {
+    nextValue = key;
+    nextInputMode = Number(key) <= firstDigits;
+  } else {
+    nextValue = addKey(prev, key, maxLength);
+    nextInputMode = nextValue.length < maxLength;
+    if (!isCorrectDate(nextValue, maxValue, maxLength)) {
+      nextValue = prev + '';
+      nextInputMode = true;
+    }
+  }
+
+  return { nextValue: nextValue, nextInputMode: nextInputMode };
+};exports.inputNumber = inputNumber;
+
+function addKey(prev, key, length) {
+  var value = key;
+  if (prev !== null) {
+    value = "" + prev + key;
+  }
+  return value.slice(-length);
+}
+
+function isCorrectDate(value, maxValue, length) {
+  return Number(value) <= maxValue && (Number(value) !== 0 || value.length !== length);
+}
+
+function getFirstDigits(type, maxValue) {
   var first = 10;
-  var length = _constants.LENGTH_YEAR;
   if (type === _types.InternalDateComponentType.Month) {
     first = 1;
+  }
+  if (type === _types.InternalDateComponentType.Date) {
+    first = Math.floor(maxValue / 10);
+  }
+  return first;
+}
+
+function getMaxLength(type) {
+  var length = _constants.LENGTH_YEAR;
+  if (type === _types.InternalDateComponentType.Month) {
     length = _constants.LENGTH_MONTH;
   }
   if (type === _types.InternalDateComponentType.Date) {
-    first = 3;
     length = _constants.LENGTH_DATE;
   }
-  if (!inputMode) {
-    nextValue = key;
-    nextInputMode = Number(key) <= first;
-  } else {
-    nextValue = ("" + (prev === null ? '' : prev) + key).slice(-length);
-    nextInputMode = nextValue.length < length;
-  }
-  return { nextValue: nextValue, nextInputMode: nextInputMode };
-};exports.inputNumber = inputNumber;
+  return length;
+}

package/cjs/components/DateInput/helpers/inputNumber.js.map

@@ -1 +1 @@
-{"version":3,"sources":["inputNumber.tsx"],"names":["inputNumber","type","prev","key","inputMode","nextInputMode","nextValue","first","length","LENGTH_YEAR","InternalDateComponentType","Month","LENGTH_MONTH","Date","LENGTH_DATE","Number","slice"],"mappings":"oEAAA;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc;AACzBC,IADyB;AAEzBC,IAFyB;AAGzBC,GAHyB;AAIzBC,SAJyB;AAK2C;AACpE,MAAIC,aAAa,GAAG,KAApB;AACA,MAAIC,SAAJ;AACA,MAAIC,KAAK,GAAG,EAAZ;AACA,MAAIC,MAAc,GAAGC,sBAArB;AACA,MAAIR,IAAI,KAAKS,iCAA0BC,KAAvC,EAA8C;AAC5CJ,IAAAA,KAAK,GAAG,CAAR;AACAC,IAAAA,MAAM,GAAGI,uBAAT;AACD;AACD,MAAIX,IAAI,KAAKS,iCAA0BG,IAAvC,EAA6C;AAC3CN,IAAAA,KAAK,GAAG,CAAR;AACAC,IAAAA,MAAM,GAAGM,sBAAT;AACD;AACD,MAAI,CAACV,SAAL,EAAgB;AACdE,IAAAA,SAAS,GAAGH,GAAZ;AACAE,IAAAA,aAAa,GAAGU,MAAM,CAACZ,GAAD,CAAN,IAAeI,KAA/B;AACD,GAHD,MAGO;AACLD,IAAAA,SAAS,GAAG,OAAGJ,IAAI,KAAK,IAAT,GAAgB,EAAhB,GAAqBA,IAAxB,IAA+BC,GAA/B,EAAqCa,KAArC,CAA2C,CAACR,MAA5C,CAAZ;AACAH,IAAAA,aAAa,GAAGC,SAAS,CAACE,MAAV,GAAmBA,MAAnC;AACD;AACD,SAAO,EAAEF,SAAS,EAATA,SAAF,EAAaD,aAAa,EAAbA,aAAb,EAAP;AACD,CA1BM,C","sourcesContent":["import { LENGTH_DATE, LENGTH_MONTH, LENGTH_YEAR } from '../../../lib/date/constants';\r\nimport { InternalDateComponentRaw, InternalDateComponentType } from '../../../lib/date/types';\r\n\r\nexport const inputNumber = (\r\n  type: InternalDateComponentType | null,\r\n  prev: InternalDateComponentRaw,\r\n  key: string,\r\n  inputMode: boolean,\r\n): { nextValue: InternalDateComponentRaw; nextInputMode: boolean } => {\r\n  let nextInputMode = false;\r\n  let nextValue: string;\r\n  let first = 10;\r\n  let length: number = LENGTH_YEAR;\r\n  if (type === InternalDateComponentType.Month) {\r\n    first = 1;\r\n    length = LENGTH_MONTH;\r\n  }\r\n  if (type === InternalDateComponentType.Date) {\r\n    first = 3;\r\n    length = LENGTH_DATE;\r\n  }\r\n  if (!inputMode) {\r\n    nextValue = key;\r\n    nextInputMode = Number(key) <= first;\r\n  } else {\r\n    nextValue = `${prev === null ? '' : prev}${key}`.slice(-length);\r\n    nextInputMode = nextValue.length < length;\r\n  }\r\n  return { nextValue, nextInputMode };\r\n};\r\n"]}
+{"version":3,"sources":["inputNumber.tsx"],"names":["inputNumber","type","prev","key","inputMode","maxValue","nextInputMode","nextValue","firstDigits","getFirstDigits","maxLength","getMaxLength","Number","addKey","length","isCorrectDate","value","slice","first","InternalDateComponentType","Month","Date","Math","floor","LENGTH_YEAR","LENGTH_MONTH","LENGTH_DATE"],"mappings":"oEAAA;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc;AACzBC,IADyB;AAEzBC,IAFyB;AAGzBC,GAHyB;AAIzBC,SAJyB;AAKzBC,QALyB;AAM2C;AACpE,MAAIC,aAAa,GAAG,KAApB;AACA,MAAIC,SAAJ;AACA,MAAMC,WAAW,GAAGC,cAAc,CAACR,IAAD,EAAOI,QAAP,CAAlC;AACA,MAAMK,SAAS,GAAGC,YAAY,CAACV,IAAD,CAA9B;;AAEA,MAAI,CAACG,SAAL,EAAgB;AACdG,IAAAA,SAAS,GAAGJ,GAAZ;AACAG,IAAAA,aAAa,GAAGM,MAAM,CAACT,GAAD,CAAN,IAAeK,WAA/B;AACD,GAHD,MAGO;AACLD,IAAAA,SAAS,GAAGM,MAAM,CAACX,IAAD,EAAOC,GAAP,EAAYO,SAAZ,CAAlB;AACAJ,IAAAA,aAAa,GAAGC,SAAS,CAACO,MAAV,GAAmBJ,SAAnC;AACA,QAAI,CAACK,aAAa,CAACR,SAAD,EAAYF,QAAZ,EAAsBK,SAAtB,CAAlB,EAAoD;AAClDH,MAAAA,SAAS,GAAGL,IAAI,GAAG,EAAnB;AACAI,MAAAA,aAAa,GAAG,IAAhB;AACD;AACF;;AAED,SAAO,EAAEC,SAAS,EAATA,SAAF,EAAaD,aAAa,EAAbA,aAAb,EAAP;AACD,CAzBM,C;;AA2BP,SAASO,MAAT,CAAgBX,IAAhB,EAAgDC,GAAhD,EAA6DW,MAA7D,EAA6E;AAC3E,MAAIE,KAAK,GAAGb,GAAZ;AACA,MAAID,IAAI,KAAK,IAAb,EAAmB;AACjBc,IAAAA,KAAK,QAAMd,IAAN,GAAaC,GAAlB;AACD;AACD,SAAOa,KAAK,CAACC,KAAN,CAAY,CAACH,MAAb,CAAP;AACD;;AAED,SAASC,aAAT,CAAuBC,KAAvB,EAAsCX,QAAtC,EAAwDS,MAAxD,EAAwE;AACtE,SAAOF,MAAM,CAACI,KAAD,CAAN,IAAiBX,QAAjB,KAA8BO,MAAM,CAACI,KAAD,CAAN,KAAkB,CAAlB,IAAuBA,KAAK,CAACF,MAAN,KAAiBA,MAAtE,CAAP;AACD;;AAED,SAASL,cAAT,CAAwBR,IAAxB,EAAgEI,QAAhE,EAAkF;AAChF,MAAIa,KAAK,GAAG,EAAZ;AACA,MAAIjB,IAAI,KAAKkB,iCAA0BC,KAAvC,EAA8C;AAC5CF,IAAAA,KAAK,GAAG,CAAR;AACD;AACD,MAAIjB,IAAI,KAAKkB,iCAA0BE,IAAvC,EAA6C;AAC3CH,IAAAA,KAAK,GAAGI,IAAI,CAACC,KAAL,CAAWlB,QAAQ,GAAG,EAAtB,CAAR;AACD;AACD,SAAOa,KAAP;AACD;;AAED,SAASP,YAAT,CAAsBV,IAAtB,EAA8D;AAC5D,MAAIa,MAAM,GAAGU,sBAAb;AACA,MAAIvB,IAAI,KAAKkB,iCAA0BC,KAAvC,EAA8C;AAC5CN,IAAAA,MAAM,GAAGW,uBAAT;AACD;AACD,MAAIxB,IAAI,KAAKkB,iCAA0BE,IAAvC,EAA6C;AAC3CP,IAAAA,MAAM,GAAGY,sBAAT;AACD;AACD,SAAOZ,MAAP;AACD","sourcesContent":["import { LENGTH_DATE, LENGTH_MONTH, LENGTH_YEAR } from '../../../lib/date/constants';\nimport { InternalDateComponentRaw, InternalDateComponentType } from '../../../lib/date/types';\n\nexport const inputNumber = (\n  type: InternalDateComponentType | null,\n  prev: InternalDateComponentRaw,\n  key: string,\n  inputMode: boolean,\n  maxValue: number,\n): { nextValue: InternalDateComponentRaw; nextInputMode: boolean } => {\n  let nextInputMode = false;\n  let nextValue;\n  const firstDigits = getFirstDigits(type, maxValue);\n  const maxLength = getMaxLength(type);\n\n  if (!inputMode) {\n    nextValue = key;\n    nextInputMode = Number(key) <= firstDigits;\n  } else {\n    nextValue = addKey(prev, key, maxLength);\n    nextInputMode = nextValue.length < maxLength;\n    if (!isCorrectDate(nextValue, maxValue, maxLength)) {\n      nextValue = prev + '';\n      nextInputMode = true;\n    }\n  }\n\n  return { nextValue, nextInputMode };\n};\n\nfunction addKey(prev: InternalDateComponentRaw, key: string, length: number) {\n  let value = key;\n  if (prev !== null) {\n    value = `${prev}${key}`;\n  }\n  return value.slice(-length);\n}\n\nfunction isCorrectDate(value: string, maxValue: number, length: number) {\n  return Number(value) <= maxValue && (Number(value) !== 0 || value.length !== length);\n}\n\nfunction getFirstDigits(type: InternalDateComponentType | null, maxValue: number) {\n  let first = 10;\n  if (type === InternalDateComponentType.Month) {\n    first = 1;\n  }\n  if (type === InternalDateComponentType.Date) {\n    first = Math.floor(maxValue / 10);\n  }\n  return first;\n}\n\nfunction getMaxLength(type: InternalDateComponentType | null) {\n  let length = LENGTH_YEAR;\n  if (type === InternalDateComponentType.Month) {\n    length = LENGTH_MONTH;\n  }\n  if (type === InternalDateComponentType.Date) {\n    length = LENGTH_DATE;\n  }\n  return length;\n}\n"]}

package/cjs/components/DateInput/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './DateInput';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './DateInput';\n"]}

package/cjs/components/DatePicker/DatePicker.d.ts

@@ -1,45 +1,66 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface DatePickerProps<T> extends CommonProps {
+import { Nullable } from '../../typings/utility-types';
+import { DropdownContainerProps } from '../../internal/DropdownContainer';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+export declare const MIN_WIDTH = 120;
+export interface DatePickerProps extends Pick<DropdownContainerProps, 'menuPos'>, CommonProps {
     autoFocus?: boolean;
     disabled?: boolean;
     enableTodayLink?: boolean;
+    /**
+     * Состояние валидации при ошибке.
+     */
     error?: boolean;
-    minDate: T;
-    maxDate: T;
+    minDate?: string;
+    maxDate?: string;
     menuAlign?: 'left' | 'right';
     size?: 'small' | 'medium' | 'large';
-    value?: T | null;
+    value?: string | null;
+    /**
+     * Состояние валидации при предупреждении.
+     */
     warning?: boolean;
-    width: number | string;
+    width?: number | string;
     onBlur?: () => void;
     /**
      * Вызывается при изменении `value`
      *
      * @param value - строка в формате `dd.mm.yyyy`.
      */
-    onValueChange: (value: T) => void;
+    onValueChange: (value: string) => void;
     onFocus?: () => void;
     onKeyDown?: (e: React.KeyboardEvent<any>) => void;
     onMouseEnter?: (e: React.MouseEvent<any>) => void;
     onMouseLeave?: (e: React.MouseEvent<any>) => void;
     onMouseOver?: (e: React.MouseEvent<any>) => void;
+    /**
+     * Использовать на мобильных устройствах нативный календарь для выбора дат.
+     *
+     * - На iOS нативный календарь не умеет работать с minDate и maxDate
+     */
+    useMobileNativeDatePicker?: boolean;
     /**
      * Функция для определения праздничных дней
      * @default (_day, isWeekend) => isWeekend
-     * @param {T} day - строка в формате `dd.mm.yyyy`
+     * @param {string} day - строка в формате `dd.mm.yyyy`
      * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)
      *
      * @returns {boolean} `true` для выходного или `false` для рабочего дня
      */
-    isHoliday: (day: T, isWeekend: boolean) => boolean;
+    isHoliday?: (day: string, isWeekend: boolean) => boolean;
 }
 export interface DatePickerState {
     opened: boolean;
+    canUseMobileNativeDatePicker: boolean;
 }
-declare type DatePickerValue = string;
-export declare class DatePicker extends React.Component<DatePickerProps<DatePickerValue>, DatePickerState> {
+export declare const DatePickerDataTids: {
+    readonly root: "DatePicker__root";
+    readonly pickerRoot: "Picker__root";
+    readonly pickerTodayWrapper: "Picker__todayWrapper";
+};
+declare type DefaultProps = Required<Pick<DatePickerProps, 'minDate' | 'maxDate' | 'isHoliday'>>;
+export declare class DatePicker extends React.PureComponent<DatePickerProps, DatePickerState> {
     static __KONTUR_REACT_UI__: string;
     static propTypes: {
         autoFocus: PropTypes.Requireable<boolean>;
@@ -53,7 +74,7 @@ export declare class DatePicker extends React.Component<DatePickerProps<DatePick
          * Максимальная дата в календаре.
          */
         maxDate: PropTypes.Validator<string>;
-        menuAlign: PropTypes.Requireable<"left" | "right">;
+        menuAlign: PropTypes.Requireable<string>;
         /**
          * Минимальная дата в календаре.
          */
@@ -73,24 +94,18 @@ export declare class DatePicker extends React.Component<DatePickerProps<DatePick
         onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
         isHoliday: PropTypes.Validator<(...args: any[]) => any>;
     };
-    static defaultProps: {
-        width: number;
-        minDate: string;
-        maxDate: string;
-        isHoliday: (_day: string, isWeekend: boolean) => boolean;
-    };
-    static validate: (value: string | null | undefined, range?: {
+    static defaultProps: DefaultProps;
+    private getProps;
+    static validate: (value: Nullable<string>, range?: {
         minDate?: string | undefined;
         maxDate?: string | undefined;
     }) => boolean;
     state: DatePickerState;
     private input;
     private focused;
-    private internalDate?;
-    private minDate?;
-    private maxDate?;
+    private setRootNode;
     componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: DatePickerProps<DatePickerValue>): void;
+    componentDidUpdate(): void;
     /**
      * @public
      */
@@ -105,7 +120,9 @@ export declare class DatePicker extends React.Component<DatePickerProps<DatePick
      */
     close(): void;
     render(): JSX.Element;
-    renderMain: (props: Pick<Pick<DatePickerProps<string>, "onValueChange" | "autoFocus" | "disabled" | "size" | "value" | "width" | "onFocus" | "onBlur" | "onKeyDown" | "onMouseEnter" | "onMouseLeave" | "onMouseOver" | "error" | "warning" | "menuAlign" | "minDate" | "maxDate" | "isHoliday" | "enableTodayLink">, "onValueChange" | "autoFocus" | "disabled" | "size" | "value" | "width" | "onFocus" | "onBlur" | "onKeyDown" | "onMouseEnter" | "onMouseLeave" | "onMouseOver" | "error" | "warning" | "menuAlign" | "minDate" | "maxDate" | "isHoliday" | "enableTodayLink">) => JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<DatePickerProps>) => JSX.Element;
+    getParent: () => Nullable<Element>;
+    private getRootStyle;
     private getInputRef;
     private parseValueToDate;
     private handleFocus;

package/cjs/components/DatePicker/DatePicker.js

@@ -1,6 +1,5 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DatePicker = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _propTypes = _interopRequireDefault(require("prop-types"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.MIN_WIDTH = exports.DatePickerDataTids = exports.DatePicker = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
-var _reactDom = require("react-dom");
 
 var _InternalDate = require("../../lib/date/InternalDate");
 var _InternalDateTransformer = require("../../lib/date/InternalDateTransformer");
@@ -12,9 +11,14 @@ var _DateInput = require("../DateInput");
 var _DropdownContainer = require("../../internal/DropdownContainer");
 var _filterProps = require("../../lib/filterProps");
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _client = require("../../lib/client");
+var _NativeDateInput = require("../../internal/NativeDateInput");
+var _rootNode = require("../../lib/rootNode");
+var _utils = require("../../lib/utils");
+var _createPropsGetter = require("../../lib/createPropsGetter");
 
 var _Picker = require("./Picker");
-var _DatePicker = require("./DatePicker.styles");
+var _DatePicker = require("./DatePicker.styles");var _class, _class2, _temp;
 
 var INPUT_PASS_PROPS = {
   autoFocus: true,
@@ -22,9 +26,10 @@ var INPUT_PASS_PROPS = {
   warning: true,
   error: true,
   size: true,
-  onKeyDown: true };var
+  onKeyDown: true };
 
 
+var MIN_WIDTH = 120;exports.MIN_WIDTH = MIN_WIDTH;
 
 
 
@@ -67,7 +72,6 @@ var INPUT_PASS_PROPS = {
 
 
 
-DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(DatePicker, _React$Component);function DatePicker() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -80,11 +84,16 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
 
 
 
+var DatePickerDataTids = {
+  root: 'DatePicker__root',
+  pickerRoot: 'Picker__root',
+  pickerTodayWrapper: 'Picker__todayWrapper' };exports.DatePickerDataTids = DatePickerDataTids;var
 
 
 
 
 
+DatePicker = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(DatePicker, _React$PureComponent);function DatePicker() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
 
 
 
@@ -143,6 +152,7 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
 
 
 
+    getProps = (0, _createPropsGetter.createPropsGetter)(DatePicker.defaultProps);_this.
 
 
 
@@ -152,13 +162,34 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
 
 
 
-    state = { opened: false };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    state = { opened: false, canUseMobileNativeDatePicker: false };_this.
 
     input = null;_this.
     focused = false;_this.
-    internalDate = _this.parseValueToDate(_this.props.value);_this.
-    minDate = _this.parseValueToDate(_this.props.minDate);_this.
-    maxDate = _this.parseValueToDate(_this.props.maxDate);_this.
+
+
+
+
+
+
+
 
 
 
@@ -214,14 +245,32 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
 
     renderMain = function (props) {
       var picker = null;
-      var date = _this.internalDate ? _this.internalDate.toNativeFormat() : null;
+
+      var value = _this.props.value;
+      var _this$getProps = _this.getProps(),minDate = _this$getProps.minDate,maxDate = _this$getProps.maxDate;
+
+      var internalDate = _this.parseValueToDate(value);
+      var date = internalDate ? internalDate.toNativeFormat() : null;
+
+      var parsedMinDate = _this.parseValueToDate(minDate);
+      var formattedMinDate = parsedMinDate && parsedMinDate.toNativeFormat() || undefined;
+
+      var parsedMaxDate = _this.parseValueToDate(maxDate);
+      var formattedMaxDate = parsedMaxDate && parsedMaxDate.toNativeFormat() || undefined;
+
       if (_this.state.opened) {
         picker = /*#__PURE__*/
-        _react.default.createElement(_DropdownContainer.DropdownContainer, { getParent: function getParent() {return (0, _reactDom.findDOMNode)((0, _assertThisInitialized2.default)(_this));}, offsetY: 2, align: _this.props.menuAlign }, /*#__PURE__*/
+        _react.default.createElement(_DropdownContainer.DropdownContainer, {
+          menuPos: _this.props.menuPos,
+          "data-tid": DatePickerDataTids.root,
+          getParent: _this.getParent,
+          offsetY: 2,
+          align: _this.props.menuAlign }, /*#__PURE__*/
+
         _react.default.createElement(_Picker.Picker, {
           value: date,
-          minDate: _this.minDate && _this.minDate.toNativeFormat() || undefined,
-          maxDate: _this.maxDate && _this.maxDate.toNativeFormat() || undefined,
+          minDate: formattedMinDate,
+          maxDate: formattedMaxDate,
           onPick: _this.handlePick,
           onSelect: _this.handleSelect,
           enableTodayLink: _this.props.enableTodayLink,
@@ -233,8 +282,8 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
 
       return /*#__PURE__*/(
         _react.default.createElement("label", {
-          className: _DatePicker.jsStyles.root(),
-          style: { width: _this.props.width },
+          className: _DatePicker.styles.root(),
+          style: _this.getRootStyle(),
           onMouseEnter: _this.props.onMouseEnter,
           onMouseLeave: _this.props.onMouseLeave,
           onMouseOver: _this.props.onMouseOver }, /*#__PURE__*/
@@ -245,15 +294,33 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
           value: _this.props.value || '',
           width: "100%",
           withIcon: true,
-          minDate: _this.props.minDate,
-          maxDate: _this.props.maxDate,
+          minDate: minDate,
+          maxDate: maxDate,
           onBlur: _this.handleBlur,
           onFocus: _this.handleFocus,
           onValueChange: _this.props.onValueChange })),
 
-        picker));
+        _this.state.canUseMobileNativeDatePicker && /*#__PURE__*/
+        _react.default.createElement(_NativeDateInput.NativeDateInput, {
+          onValueChange: _this.props.onValueChange,
+          value: _this.props.value || '',
+          minDate: minDate,
+          maxDate: maxDate,
+          disabled: _this.props.disabled }),
+
+
+        !_this.state.canUseMobileNativeDatePicker && picker));
+
+
+    };_this.
 
+    getParent = function () {
+      return (0, _rootNode.getRootNode)((0, _assertThisInitialized2.default)(_this));
+    };_this.
 
+    getRootStyle = function () {
+      var width = _this.props.width;
+      return (0, _utils.isNonNullable)(width) ? { width: width } : { minWidth: MIN_WIDTH };
     };_this.
 
     getInputRef = function (ref) {
@@ -303,29 +370,37 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
       _this.blur();
     };_this.
 
-    handleSelect = function (_ref) {var date = _ref.date,month = _ref.month,year = _ref.year;
-      var value = _InternalDateTransformer.InternalDateTransformer.dateToInternalString({ date: date, month: month + 1, year: year });
+    handleSelect = function (dateShape) {
+      if (!dateShape) {
+        return null;
+      }
+
+      var value = _InternalDateTransformer.InternalDateTransformer.dateToInternalString({
+        date: dateShape.date,
+        month: dateShape.month + 1,
+        year: dateShape.year });
+
       if (_this.props.onValueChange) {
         _this.props.onValueChange(value);
       }
     };_this.
 
-    isHoliday = function (_ref2) {var date = _ref2.date,month = _ref2.month,year = _ref2.year,isWeekend = _ref2.isWeekend;
+    isHoliday = function (_ref) {var date = _ref.date,month = _ref.month,year = _ref.year,isWeekend = _ref.isWeekend;
       var dateString = _InternalDateTransformer.InternalDateTransformer.dateToInternalString({ date: date, month: month + 1, year: year });
-      return _this.props.isHoliday(dateString, isWeekend);
-    };return _this;}var _proto = DatePicker.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.autoFocus) {this.focus();}};_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {var disabled = nextProps.disabled;var opened = this.state.opened;if (disabled && opened) {this.close();}this.internalDate = this.parseValueToDate(nextProps.value);this.minDate = this.parseValueToDate(nextProps.minDate);this.maxDate = this.parseValueToDate(nextProps.maxDate);} /**
-   * @public
-   */;_proto.blur = function blur() {if (this.input) {this.input.blur();}this.handleBlur();} /**
-   * @public
-   */;_proto.focus = function focus() {if (this.props.disabled) {return;}if (this.input) {this.input.focus();}this.handleFocus();} /**
-   * Закрывает выпадашку выбора дня
-   * @public
-   */;_proto.close = function close() {this.setState({ opened: false });};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, this.renderMain);};_proto.parseValueToDate = function parseValueToDate(value) {if (value === undefined || value === null) {return undefined;}var date = new _InternalDate.InternalDate({ value: value });if (date.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Native] })) {return date;}return undefined;};return DatePicker;}(_react.default.Component);exports.DatePicker = DatePicker;DatePicker.__KONTUR_REACT_UI__ = 'DatePicker';DatePicker.propTypes = { autoFocus: _propTypes.default.bool, disabled: _propTypes.default.bool, /**
-   * Включает кнопку сегодня в календаре
-   */enableTodayLink: _propTypes.default.bool, error: _propTypes.default.bool, /**
-   * Максимальная дата в календаре.
-   */maxDate: _propTypes.default.string.isRequired, menuAlign: _propTypes.default.oneOf(['left', 'right']), /**
-   * Минимальная дата в календаре.
-   */minDate: _propTypes.default.string.isRequired, /**
-   * Строка формата `dd.mm.yyyy`
-   */value: _propTypes.default.string, warning: _propTypes.default.bool, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired, onBlur: _propTypes.default.func, onValueChange: _propTypes.default.func.isRequired, onFocus: _propTypes.default.func, onKeyDown: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func, isHoliday: _propTypes.default.func.isRequired };DatePicker.defaultProps = { width: 120, minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE, isHoliday: function isHoliday(_day, isWeekend) {return isWeekend;} };DatePicker.validate = function (value, range) {if (range === void 0) {range = {};}if (!value) {return false;}var _range = range,_range$minDate = _range.minDate,minDate = _range$minDate === void 0 ? _constants.MIN_FULLDATE : _range$minDate,_range$maxDate = _range.maxDate,maxDate = _range$maxDate === void 0 ? _constants.MAX_FULLDATE : _range$maxDate;var internalDate = new _InternalDate.InternalDate({ order: _types.InternalDateOrder.DMY, separator: _types.InternalDateSeparator.Dot }).setRangeStart(new _InternalDate.InternalDate({ value: minDate })).setRangeEnd(new _InternalDate.InternalDate({ value: maxDate })).parseValue(value);return internalDate.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Number, _types.InternalDateValidateCheck.Native, _types.InternalDateValidateCheck.Limits, _types.InternalDateValidateCheck.Range] });};
+      return _this.getProps().isHoliday(dateString, isWeekend);
+    };return _this;}var _proto = DatePicker.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.useMobileNativeDatePicker && _client.isMobile) {this.setState({ canUseMobileNativeDatePicker: true });}if (this.props.autoFocus) {this.focus();}};_proto.componentDidUpdate = function componentDidUpdate() {var disabled = this.props.disabled;var opened = this.state.opened;if (disabled && opened) {this.close();}} /**
+   * @public
+   */;_proto.blur = function blur() {if (this.input) {this.input.blur();}this.handleBlur();} /**
+   * @public
+   */;_proto.focus = function focus() {if (this.props.disabled) {return;}if (this.input) {this.input.focus();}this.handleFocus();} /**
+   * Закрывает выпадашку выбора дня
+   * @public
+   */;_proto.close = function close() {this.setState({ opened: false });};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), this.renderMain);};_proto.parseValueToDate = function parseValueToDate(value) {if (value === undefined || value === null) {return undefined;}var date = new _InternalDate.InternalDate({ value: value });if (date.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Native] })) {return date;}return undefined;};return DatePicker;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DatePicker', _class2.propTypes = { autoFocus: _propTypes.default.bool, disabled: _propTypes.default.bool, /**
+   * Включает кнопку сегодня в календаре
+   */enableTodayLink: _propTypes.default.bool, error: _propTypes.default.bool, /**
+   * Максимальная дата в календаре.
+   */maxDate: _propTypes.default.string.isRequired, menuAlign: _propTypes.default.oneOf(['left', 'right']), /**
+   * Минимальная дата в календаре.
+   */minDate: _propTypes.default.string.isRequired, /**
+   * Строка формата `dd.mm.yyyy`
+   */value: _propTypes.default.string, warning: _propTypes.default.bool, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired, onBlur: _propTypes.default.func, onValueChange: _propTypes.default.func.isRequired, onFocus: _propTypes.default.func, onKeyDown: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func, isHoliday: _propTypes.default.func.isRequired }, _class2.defaultProps = { minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE, isHoliday: function isHoliday(_day, isWeekend) {return isWeekend;} }, _class2.validate = function (value, range) {if (range === void 0) {range = {};}if (!value) {return false;}var _range = range,_range$minDate = _range.minDate,minDate = _range$minDate === void 0 ? _constants.MIN_FULLDATE : _range$minDate,_range$maxDate = _range.maxDate,maxDate = _range$maxDate === void 0 ? _constants.MAX_FULLDATE : _range$maxDate;var internalDate = new _InternalDate.InternalDate({ order: _types.InternalDateOrder.DMY, separator: _types.InternalDateSeparator.Dot }).setRangeStart(new _InternalDate.InternalDate({ value: minDate })).setRangeEnd(new _InternalDate.InternalDate({ value: maxDate })).parseValue(value);return internalDate.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Number, _types.InternalDateValidateCheck.Native, _types.InternalDateValidateCheck.Limits, _types.InternalDateValidateCheck.Range] });}, _temp)) || _class;exports.DatePicker = DatePicker;