@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

package/cjs/components/DateRangePicker/DateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_MobilePopup","_useLocaleForControl","_Emotion","_ThemeContext","_CommonWrapper","_Calendar","_Popup","_comparison","_ZIndex","_rootNode","_getMenuPositions","_Button","_ResponsiveLayout","_InternalDate","_InternalDateGetter","_ArrowAUp16Light","_NativeDateInput","_forwardRefAndName","_DateRangePicker","_DateRangePickerSeparator","_DateRangePickerContext","_DateRangePickerField","_DateRangePickerTheme","_locale","_dateRangePickerValidate","_templateObject","_templateObject2","DateRangePickerDataTids","exports","root","start","end","popup","calendar","pickerTodayWrapper","optionalStartFieldButton","optionalEndFieldButton","DateRangePicker","Object","assign","Start","props","default","createElement","DateRangePickerField","_extends2","type","End","Separator","DateRangePickerSeparator","validate","dateRangePickerValidate","forwardRefAndName","ref","_useResponsiveLayout","useResponsiveLayout","isMobile","locale","useLocaleForControl","DatePickerLocaleHelper","_useState","useState","hoveredDay","setHoveredDay","_useState2","showCalendar","setShowCalendar","_useState3","focusField","setFocusField","dateRangePickerRef","useRef","startRef","endRef","calendarRef","calendarContainerRef","_props$value","value","setValue","onValueChange","setStart","date","setEnd","open","fieldType","scrollToMonth","close","focus","fieldRef","setTimeout","_fieldRef$current","current","blur","_startRef$current","_endRef$current","setEmpty","useImperativeHandle","getRootNode","dateRangePickerContextProps","minDate","maxDate","size","disabled","autoFocus","warning","error","onFocus","onBlur","renderCalendar","theme","widthAuto","_cx","Calendar","renderDay","dayProps","renderRange","updateRange","onMonthChange","className","cx","styles","calendarWidthAuto","renderButtons","_props$optional3","renderTodayLink","today","InternalDate","setComponents","InternalDateGetter","getTodayComponents","toString","withPad","withSeparator","enableTodayLink","style","margin","Button","todayAriaLabel","width","onClick","icon","ArrowAUpIcon16Light","renderOptionalButtons","_props$optional","_props$optional2","Fragment","optional","withoutFirstDate","withoutSecondDate","hasOptionalButtons","find","Boolean","renderNativeDateInput","_props$disabled","_props$disabled2","NativeDateInput","ThemeContext","Consumer","_cx2","_cx3","Provider","getDateRangePickerTheme","CommonWrapper","onMouseEnter","onMouseLeave","onMouseOver","DateRangePickerContext","inputWrapper","inputWrapperWidth","css","_taggedTemplateLiteralLoose2","getFontSize","children","useMobileNativeDatePicker","MobilePopup","opened","headerChildComponent","inputVisuallyFocus","onCloseRequest","footerChildComponent","getMobileDateRangePickerTheme","Popup","hasShadow","priority","ZIndex","priorities","PopupMenu","positions","getMenuPositions","menuPos","menuAlign","anchorElement","parseInt","datePickerMenuOffsetY","calendarWrapper","onMouseDown","e","preventDefault","isLess","isGreater","handleInitialPeriod","handlePartialPeriod","handleFullPeriod","isLessOrEqual","isGreaterOrEqual","t","renderDayFn","_cx4","day","isDayFirst","isDayLast","isDayInPeriod","isBetween","hasHoveredDay","isDayInHoveredPeriod","hasLeftRoundings","hasRightRoundings","isDayBeforeFirstInPeriod","isDayAfterLastInPeriod","isDayHovered","onMouseOut","rangeCalendarDay","rangeCalendarCellBg","calendarCellBorderRadius","rangeCalendarDayEnd","rangeCalendarDayHoverInPeriod","rangeCalendarDayInHoveredPeriod","CalendarDay","_date$split$map","split","map","Number","month","year","_calendarRef$current"],"sources":["DateRangePicker.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef, useState } from 'react';\n\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { css, cx } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { Calendar, CalendarDay, CalendarDayProps } from '../Calendar';\nimport { Popup } from '../../internal/Popup';\nimport { DateInput } from '../DateInput';\nimport { isBetween, isGreater, isGreaterOrEqual, isLess, isLessOrEqual } from '../../lib/date/comparison';\nimport { DatePickerProps } from '../DatePicker';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { getRootNode } from '../../lib/rootNode';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\nimport { Button } from '../Button';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { InternalDateGetter } from '../../lib/date/InternalDateGetter';\nimport { ArrowAUpIcon16Light } from '../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light';\nimport { NativeDateInput } from '../../internal/NativeDateInput';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { getFontSize, styles } from './DateRangePicker.styles';\nimport { DateRangePickerSeparator } from './DateRangePickerSeparator';\nimport { DateRangePickerContext, DateRangePickerContextProps } from './DateRangePickerContext';\nimport {\n  DateRangePickerField,\n  DateRangePickerFieldType,\n  DateRangePickerFieldWithTypeProps,\n} from './DateRangePickerField';\nimport { getDateRangePickerTheme, getMobileDateRangePickerTheme } from './DateRangePickerTheme';\nimport { DatePickerLocaleHelper } from './locale';\nimport { dateRangePickerValidate } from './dateRangePickerValidate';\n\nexport const DateRangePickerDataTids = {\n  root: 'DateRangePicker__root',\n  start: 'DateRangePicker__from',\n  end: 'DateRangePicker__to',\n  popup: 'DateRangePicker__popup',\n  calendar: 'DateRangePicker__calendar',\n  pickerTodayWrapper: 'DateRangePicker__todayWrapper',\n  optionalStartFieldButton: 'DateRangePicker__optionalStartFieldButton',\n  optionalEndFieldButton: 'DateRangePicker__optionalEndFieldButton',\n} as const;\n\nexport interface DateRangePickerProps\n  extends CommonProps,\n    Pick<\n      DatePickerProps,\n      | 'minDate'\n      | 'maxDate'\n      | 'size'\n      | 'renderDay'\n      | 'menuPos'\n      | 'menuAlign'\n      | 'useMobileNativeDatePicker'\n      | 'autoFocus'\n      | 'enableTodayLink'\n      | 'onBlur'\n      | 'onFocus'\n      | 'onMouseEnter'\n      | 'onMouseLeave'\n      | 'onMouseOver'\n      | 'onMonthChange'\n    > {\n  /** Даты начала и окончания `[ dd.mm.yyyy, dd.mm.yyyy ]` */\n  value: string[];\n  /** Открытые периоды начала и окончания */\n  optional?: boolean[];\n  warning?: boolean[];\n  disabled?: boolean[];\n  error?: boolean[];\n  /**\n   * Элементы DateRangePicker:\n   * `<DateRangePicker.Start />`\n   * `<DateRangePicker.Separator />`\n   * `<DateRangePicker.End />`\n   */\n  children: React.ReactNode;\n  onValueChange: (value: string[]) => void;\n}\n\nexport const DateRangePicker = Object.assign(\n  {\n    Start: (props: DateRangePickerFieldWithTypeProps) => <DateRangePickerField {...props} type=\"start\" />,\n    End: (props: DateRangePickerFieldWithTypeProps) => <DateRangePickerField {...props} type=\"end\" />,\n    Separator: DateRangePickerSeparator,\n    validate: dateRangePickerValidate,\n  },\n  forwardRefAndName('DateRangePicker', (props: DateRangePickerProps, ref) => {\n    const { isMobile } = useResponsiveLayout();\n    const locale = useLocaleForControl('DateRangePicker', DatePickerLocaleHelper);\n\n    const [hoveredDay, setHoveredDay] = useState<string | null>(null);\n    const [showCalendar, setShowCalendar] = useState<boolean>(false);\n    const [focusField, setFocusField] = useState<DateRangePickerFieldType | null>(null);\n\n    const dateRangePickerRef = useRef<HTMLDivElement>(null);\n    const startRef = useRef<DateInput>(null);\n    const endRef = useRef<DateInput>(null);\n    const calendarRef = useRef<Calendar>(null);\n    const calendarContainerRef = useRef<HTMLDivElement>(null);\n\n    const [start, end] = props.value;\n    const setValue = props.onValueChange;\n    const setStart = (date = '') => props.onValueChange([date, end]);\n    const setEnd = (date = '') => props.onValueChange([start, date]);\n\n    const open = (fieldType: DateRangePickerFieldType = 'start') => {\n      setFocusField(fieldType);\n      setShowCalendar(true);\n      scrollToMonth(fieldType);\n    };\n\n    const close = () => {\n      setShowCalendar(false);\n      setHoveredDay(null);\n    };\n\n    const focus = (fieldType: DateRangePickerFieldType = 'start') => {\n      const fieldRef = fieldType === 'start' ? startRef : endRef;\n\n      // fix DateInput flushSync warning in React 18\n      setTimeout(() => {\n        fieldRef.current?.focus();\n      });\n    };\n\n    const blur = () => {\n      close();\n      startRef.current?.blur();\n      endRef.current?.blur();\n      setFocusField(null);\n    };\n\n    const setEmpty = (type: DateRangePickerFieldType) => {\n      switch (type) {\n        case 'start':\n          setStart('');\n          focus('end');\n          break;\n\n        case 'end':\n          setEnd('');\n          close();\n          break;\n      }\n    };\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus,\n        blur,\n        getRootNode: () => dateRangePickerRef.current,\n      }),\n      [],\n    );\n\n    const dateRangePickerContextProps: DateRangePickerContextProps = {\n      start,\n      end,\n      minDate: props.minDate,\n      maxDate: props.maxDate,\n      size: props.size,\n      disabled: props.disabled,\n      autoFocus: props.autoFocus,\n      warning: props.warning,\n      error: props.error,\n      onValueChange: props.onValueChange,\n      onFocus: props.onFocus,\n      onBlur: props.onBlur,\n      setStart,\n      setEnd,\n      setFocusField,\n      open,\n      close,\n      dateRangePickerRef,\n      startRef,\n      endRef,\n    };\n\n    const renderCalendar = (theme: Theme, widthAuto = false) => (\n      <Calendar\n        value={null}\n        minDate={props.minDate}\n        maxDate={props.maxDate}\n        renderDay={(dayProps) => renderRange(dayProps, theme, props.renderDay)}\n        onValueChange={(value) => updateRange(value)}\n        ref={calendarRef}\n        data-tid={DateRangePickerDataTids.calendar}\n        onMonthChange={props.onMonthChange}\n        className={cx({ [styles.calendarWidthAuto()]: widthAuto })}\n      />\n    );\n\n    const renderButtons = () => {\n      const renderTodayLink = () => {\n        const today = new InternalDate(locale)\n          .setComponents(InternalDateGetter.getTodayComponents())\n          .toString({ withPad: true, withSeparator: true });\n\n        return (\n          props.enableTodayLink && (\n            <div style={{ margin: 8 }}>\n              <Button\n                aria-label={locale.todayAriaLabel}\n                data-tid={DateRangePickerDataTids.pickerTodayWrapper}\n                width=\"100%\"\n                onClick={() => updateRange(today)}\n                icon={<ArrowAUpIcon16Light />}\n              >\n                {locale.today}\n              </Button>\n            </div>\n          )\n        );\n      };\n\n      const renderOptionalButtons = () => (\n        <>\n          {focusField === 'start' && props.optional?.[0] && (\n            <div style={{ margin: 8 }}>\n              <Button\n                width=\"100%\"\n                data-tid={DateRangePickerDataTids.optionalStartFieldButton}\n                onClick={() => setEmpty('start')}\n              >\n                {locale.withoutFirstDate}\n              </Button>\n            </div>\n          )}\n          {focusField === 'end' && props.optional?.[1] && (\n            <div style={{ margin: 8 }}>\n              <Button\n                width=\"100%\"\n                data-tid={DateRangePickerDataTids.optionalEndFieldButton}\n                onClick={() => setEmpty('end')}\n              >\n                {locale.withoutSecondDate}\n              </Button>\n            </div>\n          )}\n        </>\n      );\n\n      const hasOptionalButtons = props.optional?.find(Boolean);\n      return hasOptionalButtons ? renderOptionalButtons() : renderTodayLink();\n    };\n\n    const renderNativeDateInput = () => (\n      <>\n        <NativeDateInput\n          value={start}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          onValueChange={(date) => props.onValueChange([date, end || ''])}\n          disabled={props.disabled?.[0]}\n        />\n        <DateRangePicker.Separator />\n        <NativeDateInput\n          value={end}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          onValueChange={(date) => props.onValueChange([start || '', date])}\n          disabled={props.disabled?.[1]}\n        />\n      </>\n    );\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => (\n          <ThemeContext.Provider value={getDateRangePickerTheme(theme)}>\n            <CommonWrapper {...props}>\n              <div\n                className={styles.root()}\n                data-tid={DateRangePickerDataTids.root}\n                onMouseEnter={props.onMouseEnter}\n                onMouseLeave={props.onMouseLeave}\n                onMouseOver={props.onMouseOver}\n                ref={dateRangePickerRef}\n              >\n                <DateRangePickerContext.Provider value={dateRangePickerContextProps}>\n                  <div\n                    className={cx(\n                      styles.inputWrapper(),\n                      styles.inputWrapperWidth(theme),\n                      css`\n                        font-size: ${getFontSize(theme, props.size)};\n                      `,\n                    )}\n                  >\n                    {props.children}\n                  </div>\n\n                  {props.useMobileNativeDatePicker && isMobile\n                    ? renderNativeDateInput()\n                    : showCalendar && (\n                        <>\n                          {isMobile ? (\n                            <MobilePopup\n                              opened\n                              headerChildComponent={\n                                <div className={styles.inputWrapper()} style={{ width: '100%' }}>\n                                  <DateRangePicker.Start\n                                    width=\"auto\"\n                                    size=\"medium\"\n                                    className={cx({ [styles.inputVisuallyFocus(theme)]: focusField === 'start' })}\n                                  />\n                                  <DateRangePicker.Separator />\n                                  <DateRangePicker.End\n                                    width=\"auto\"\n                                    size=\"medium\"\n                                    className={cx({ [styles.inputVisuallyFocus(theme)]: focusField === 'end' })}\n                                  />\n                                </div>\n                              }\n                              onCloseRequest={() => {\n                                close();\n                                props.onBlur?.();\n                              }}\n                              footerChildComponent={renderButtons()}\n                            >\n                              <ThemeContext.Provider value={getMobileDateRangePickerTheme(theme)}>\n                                {renderCalendar(theme, true)}\n                              </ThemeContext.Provider>\n                            </MobilePopup>\n                          ) : (\n                            <>\n                              <div data-tid={DateRangePickerDataTids.popup} />\n                              <Popup\n                                opened\n                                hasShadow\n                                priority={ZIndex.priorities.PopupMenu}\n                                positions={getMenuPositions(props.menuPos, props.menuAlign)}\n                                data-tid={DateRangePickerDataTids.root}\n                                anchorElement={getRootNode(dateRangePickerRef.current)}\n                                margin={parseInt(theme.datePickerMenuOffsetY)}\n                              >\n                                <div\n                                  className={styles.calendarWrapper(theme)}\n                                  onMouseDown={(e) => e.preventDefault()}\n                                  ref={calendarContainerRef}\n                                >\n                                  {renderCalendar(theme)}\n                                  {renderButtons()}\n                                </div>\n                              </Popup>\n                            </>\n                          )}\n                        </>\n                      )}\n                </DateRangePickerContext.Provider>\n              </div>\n            </CommonWrapper>\n          </ThemeContext.Provider>\n        )}\n      </ThemeContext.Consumer>\n    );\n\n    function updateRange(date: string) {\n      if ((props.minDate && isLess(date, props.minDate)) || (props.maxDate && isGreater(date, props.maxDate))) {\n        return;\n      }\n\n      const handleInitialPeriod = (date: string) => {\n        if (focusField === 'start') {\n          setStart(date);\n          focus('end');\n        } else {\n          setEnd(date);\n          focus('start');\n        }\n      };\n\n      const handlePartialPeriod = (date: string) => {\n        if (focusField === 'start') {\n          if (start) {\n            setStart(date);\n            focus('end');\n            return;\n          }\n\n          if (end && isGreater(date, end)) {\n            setValue([date, '']);\n            focus('end');\n            return;\n          }\n\n          setStart(date);\n          close();\n        } else if (focusField === 'end') {\n          if (end) {\n            setEnd(date);\n            focus('start');\n            return;\n          }\n\n          if (start && isLess(date, start)) {\n            setValue([date, '']);\n            focus('end');\n            return;\n          }\n\n          setEnd(date);\n          close();\n        }\n      };\n\n      const handleFullPeriod = (date: string) => {\n        if (focusField === 'start') {\n          if (end && isLessOrEqual(date, end)) {\n            setStart(date);\n            close();\n          } else {\n            setValue([date, '']);\n            focus('end');\n          }\n        } else if (focusField === 'end') {\n          if (start && isGreaterOrEqual(date, start)) {\n            setEnd(date);\n            close();\n          } else {\n            setValue([date, '']);\n            focus('end');\n          }\n        }\n      };\n\n      if (!start && !end) {\n        handleInitialPeriod(date);\n      } else if ((start && !end) || (!start && end)) {\n        handlePartialPeriod(date);\n      } else {\n        handleFullPeriod(date);\n      }\n    }\n\n    function renderRange(\n      props: CalendarDayProps,\n      t: Theme,\n      renderDayFn: ((props: CalendarDayProps) => React.ReactElement) | undefined,\n    ) {\n      const day = props.date;\n\n      const isDayFirst = start === day;\n      const isDayLast = end === day;\n      const isDayInPeriod = Boolean(start && end && isBetween(day, start, end));\n\n      const hasHoveredDay = hoveredDay !== null;\n      const isDayInHoveredPeriod =\n        hasHoveredDay &&\n        Boolean(\n          (focusField === 'start' && end && isBetween(day, hoveredDay, end)) ||\n            (focusField === 'end' && start && isBetween(day, start, hoveredDay)),\n        );\n\n      let hasLeftRoundings;\n      let hasRightRoundings;\n\n      if (hasHoveredDay) {\n        // TODO: check if start / end not setted\n        const isDayBeforeFirstInPeriod = start ? isLess(hoveredDay, start) : end;\n        const isDayAfterLastInPeriod = end ? isGreater(hoveredDay, end) : start;\n\n        if (isDayFirst && (isGreaterOrEqual(hoveredDay, start) || focusField === 'end')) {\n          hasLeftRoundings = true;\n        }\n\n        if (isDayLast && (isLessOrEqual(hoveredDay, end) || focusField === 'start')) {\n          hasRightRoundings = true;\n        }\n\n        const isDayHovered = hoveredDay === day;\n        if (isDayHovered) {\n          if (isDayBeforeFirstInPeriod) {\n            hasLeftRoundings = true;\n          }\n\n          if (isDayAfterLastInPeriod) {\n            hasRightRoundings = true;\n          }\n        }\n      } else {\n        if (isDayFirst) {\n          hasLeftRoundings = true;\n        }\n\n        if (isDayLast) {\n          hasRightRoundings = true;\n        }\n      }\n\n      return (\n        <div\n          onMouseOver={() => setHoveredDay(day)}\n          onMouseOut={() => setHoveredDay(null)}\n          className={cx(\n            styles.rangeCalendarDay(),\n            css`\n              background: ${isDayInPeriod && t.rangeCalendarCellBg};\n              border-top-left-radius: ${hasLeftRoundings && t.calendarCellBorderRadius};\n              border-bottom-left-radius: ${hasLeftRoundings && t.calendarCellBorderRadius};\n              border-top-right-radius: ${hasRightRoundings && t.calendarCellBorderRadius};\n              border-bottom-right-radius: ${hasRightRoundings && t.calendarCellBorderRadius};\n            `,\n            {\n              [styles.rangeCalendarDayEnd(t)]: isDayFirst || isDayLast,\n              [styles.rangeCalendarDayHoverInPeriod(t)]: isDayInPeriod,\n              [styles.rangeCalendarDayInHoveredPeriod(t)]: isDayInHoveredPeriod,\n            },\n          )}\n        >\n          {renderDayFn ? renderDayFn(props) : <CalendarDay {...props} />}\n        </div>\n      );\n    }\n\n    function scrollToMonth(fieldType: DateRangePickerFieldType) {\n      const date = fieldType === 'start' ? start : end;\n      if (date) {\n        const [, month, year] = date.split('.').map(Number);\n        if (month) {\n          calendarRef.current?.scrollToMonth(month, year);\n        }\n      }\n    }\n  }),\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_MobilePopup","_useLocaleForControl","_Emotion","_ThemeContext","_CommonWrapper","_Calendar","_Popup","_DateInput","_comparison","_ZIndex","_rootNode","_getMenuPositions","_Button","_ResponsiveLayout","_InternalDate","_InternalDateGetter","_ArrowAUp16Light","_NativeDateInput","_forwardRefAndName","_locale","_client","_DateRangePicker","_DateRangePickerSeparator","_DateRangePickerContext","_DateRangePickerInput","_DateRangePickerTheme","_locale2","_validateDateRangePicker","_getStateForValue","_templateObject","_templateObject2","DateRangePickerDataTids","exports","root","start","end","popup","calendar","todayButton","startOptionalButton","endOptionalButton","mobileStart","mobileEnd","rangeStart","rangeEnd","DayDateAttribute","DateRangePicker","Object","assign","Start","DateRangePickerStart","End","DateRangePickerEnd","Separator","DateRangePickerSeparator","validate","validateDateRangePicker","forwardRefAndName","props","ref","_useResponsiveLayout","useResponsiveLayout","isMobile","locale","useLocaleForControl","DateRangePickerLocaleHelper","_useState","useState","startValue","setStartValue","_useState2","startOptional","setStartOptional","_useState3","startDisabled","setStartDisabled","_useState4","endValue","setEndValue","_useState5","endOptional","setEndOptional","_useState6","endDisabled","setEndDisabled","_useState7","minDate","setMinDate","_useState8","maxDate","setMaxDate","_useState9","hoveredDay","setHoveredDay","_useState10","showCalendar","setShowCalendar","_useState11","focusInput","setFocusInput","dateRangePickerRef","useRef","calendarRef","startRef","endRef","mobileStartRef","mobileEndRef","mobileNativeStartRef","mobileNativeEndRef","isCalendarOpen","updateDateRangeValues","value","currentValues","currentStart","currentEnd","updatedState","getStateForValue","isOpen","focus","close","open","inputType","setEmpty","type","useImperativeHandle","_calendarRef$current","scrollToMonth","current","getRootNode","useLayoutEffect","setTimeout","_currentFieldRef$curr4","isStart","currentFieldRef","useMobileNativeDatePicker","isIOS","_currentFieldRef$curr","_currentFieldRef$curr2","click","_currentFieldRef$curr3","dateRangePickerContextProps","size","renderCalendar","theme","widthAuto","_cx","default","createElement","LocaleContext","Provider","Calendar","months","dayCellChooseDateAriaLabel","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel","renderDay","dayProps","renderCalendarRange","onValueChange","onMonthChange","className","cx","styles","calendarWidthAuto","renderMobileCalendar","_cx2","_cx3","MobilePopup","opened","headerChildComponent","inputWrapperWidthFull","DateInput","withIcon","width","inputVisuallyFocus","disabled","onFocus","onCloseRequest","footerChildComponent","renderButtons","ThemeContext","getMobileDateRangePickerTheme","getAnchorElement","menuAnchorElement","React","isValidElement","renderDesktopCalendar","Popup","hasShadow","priority","ZIndex","priorities","PopupMenu","positions","getMenuPositions","menuPos","menuAlign","anchorElement","margin","parseInt","datePickerMenuOffsetY","calendarWrapper","onMouseDown","e","preventDefault","onMouseMove","handleCalendarRangeMouseMove","today","InternalDate","setComponents","InternalDateGetter","getTodayComponents","toString","withPad","withSeparator","hasOptionalButtons","buttonWrap","Fragment","Button","onClick","startDateEmpty","endDateEmpty","enableTodayLink","icon","ArrowAUpIcon16Light","todayAriaLabel","renderMobileNativeDateInput","NativeDateInput","Consumer","getDateRangePickerTheme","DateRangePickerContext","CommonWrapper","inputWrapperWidth","css","_taggedTemplateLiteralLoose2","getFontSize","role","style","children","hoveredElement","target","hasAttribute","date","String","getAttribute","t","renderDayFn","_extends2","_cx4","day","isDayFirst","isDayLast","isDayInPeriod","Boolean","isBetween","hasHoveredDay","isDayInHoveredPeriod","hasLeftRoundings","hasRightRoundings","isDayBeforeFirstInPeriod","isLess","isDayAfterLastInPeriod","isGreater","isGreaterOrEqual","isLessOrEqual","isDayHovered","renderDayProps","_extends3","dataTid","rangeCalendarDay","rangeCalendarCellBg","calendarCellBorderRadius","rangeCalendarDayEnd","rangeCalendarDayHoverInPeriod","rangeCalendarDayInHoveredPeriod","CalendarDay"],"sources":["DateRangePicker.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef, useState, useLayoutEffect, type AriaAttributes } from 'react';\n\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { css, cx } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { CalendarDayProps } from '../Calendar';\nimport { Calendar, CalendarDay } from '../Calendar';\nimport { Popup } from '../../internal/Popup';\nimport { DateInput } from '../DateInput';\nimport { isBetween, isGreater, isGreaterOrEqual, isLess, isLessOrEqual } from '../../lib/date/comparison';\nimport type { DatePickerProps } from '../DatePicker';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { getRootNode } from '../../lib/rootNode';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\nimport { Button } from '../Button';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { InternalDateGetter } from '../../lib/date/InternalDateGetter';\nimport { ArrowAUpIcon16Light } from '../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light';\nimport { NativeDateInput } from '../../internal/NativeDateInput';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { LocaleContext } from '../../lib/locale';\nimport { isIOS } from '../../lib/client';\n\nimport { getFontSize, styles } from './DateRangePicker.styles';\nimport { DateRangePickerSeparator } from './DateRangePickerSeparator';\nimport type { DateRangePickerContextProps } from './DateRangePickerContext';\nimport { DateRangePickerContext } from './DateRangePickerContext';\nimport type { DateRangePickerInputType } from './DateRangePickerInput';\nimport { DateRangePickerEnd, DateRangePickerStart } from './DateRangePickerInput';\nimport { getDateRangePickerTheme, getMobileDateRangePickerTheme } from './DateRangePickerTheme';\nimport { DateRangePickerLocaleHelper } from './locale';\nimport { validateDateRangePicker } from './helpers/validateDateRangePicker';\nimport { getStateForValue } from './helpers/getStateForValue';\n\nexport const DateRangePickerDataTids = {\n  root: 'DateRangePicker__root',\n  start: 'DateRangePicker__start',\n  end: 'DateRangePicker__end',\n  popup: 'DateRangePicker__popup',\n  calendar: 'DateRangePicker__calendar',\n  todayButton: 'DateRangePicker__todayButton',\n  startOptionalButton: 'DateRangePicker__startOptionalButton',\n  endOptionalButton: 'DateRangePicker__endOptionalButton',\n  mobileStart: 'DateRangePicker__mobileStart',\n  mobileEnd: 'DateRangePicker__mobileEnd',\n  rangeStart: 'DateRangePicker__rangeStart',\n  rangeEnd: 'DateRangePicker__rangeEnd',\n} as const;\n\nconst DayDateAttribute = 'data-date-range-picker-day';\n\nexport interface DateRangePickerProps\n  extends CommonProps,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label' | 'aria-labelledby'>,\n    Pick<\n      DatePickerProps,\n      | 'size'\n      | 'width'\n      | 'renderDay'\n      | 'menuPos'\n      | 'menuAlign'\n      | 'useMobileNativeDatePicker'\n      | 'enableTodayLink'\n      | 'onMonthChange'\n    > {\n  /**\n   * Элемент относительно которого открывается календарь,\n   * Если передать значение `focused` - меню будет открываться у зафокусированного элемента.\n   * Если передать ссылку на DOM элемент или ref - меню откроется относительно переданного элемента.\n   */\n  menuAnchorElement?: 'focused' | Element | React.ReactNode | React.RefObject<any>;\n  /**\n   * Элементы DateRangePicker:\n   * `<DateRangePicker.Start />`\n   * `<DateRangePicker.Separator />`\n   * `<DateRangePicker.End />`\n   */\n  children: React.ReactNode;\n}\n\nexport const DateRangePicker = Object.assign(\n  {\n    Start: DateRangePickerStart,\n    End: DateRangePickerEnd,\n    Separator: DateRangePickerSeparator,\n    validate: validateDateRangePicker,\n  },\n  forwardRefAndName('DateRangePicker', (props: DateRangePickerProps, ref) => {\n    const { isMobile } = useResponsiveLayout();\n    const locale = useLocaleForControl('DateRangePicker', DateRangePickerLocaleHelper);\n\n    const [startValue, setStartValue] = useState<string>();\n    const [startOptional, setStartOptional] = useState(false);\n    const [startDisabled, setStartDisabled] = useState(false);\n\n    const [endValue, setEndValue] = useState<string>();\n    const [endOptional, setEndOptional] = useState(false);\n    const [endDisabled, setEndDisabled] = useState(false);\n\n    const [minDate, setMinDate] = useState('');\n    const [maxDate, setMaxDate] = useState('');\n\n    const [hoveredDay, setHoveredDay] = useState<string | null>(null);\n    const [showCalendar, setShowCalendar] = useState<boolean>(false);\n    const [focusInput, setFocusInput] = useState<DateRangePickerInputType | null>(null);\n\n    const dateRangePickerRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<Calendar>(null);\n    const startRef = useRef<DateInput>(null);\n    const endRef = useRef<DateInput>(null);\n    const mobileStartRef = useRef<DateInput>(null);\n    const mobileEndRef = useRef<DateInput>(null);\n    const mobileNativeStartRef = useRef<NativeDateInput>(null);\n    const mobileNativeEndRef = useRef<NativeDateInput>(null);\n    const isCalendarOpen = !startDisabled && !endDisabled && showCalendar;\n\n    const updateDateRangeValues = (value = '') => {\n      const currentValues = {\n        currentStart: startValue,\n        currentEnd: endValue,\n        minDate,\n        maxDate,\n      };\n      const updatedState = getStateForValue(focusInput, value, currentValues);\n\n      setStartValue(updatedState.start);\n      setEndValue(updatedState.end);\n\n      if (updatedState.isOpen && updatedState.focus) {\n        focus(updatedState.focus);\n      }\n\n      if (!updatedState.isOpen) {\n        close();\n      }\n    };\n\n    const open = (inputType: DateRangePickerInputType = 'start') => {\n      setFocusInput(inputType);\n      setShowCalendar(true);\n    };\n\n    const close = () => {\n      setShowCalendar(false);\n      setHoveredDay(null);\n    };\n\n    const focus = (inputType: DateRangePickerInputType = 'start') => {\n      setFocusInput(inputType);\n    };\n\n    const setEmpty = (type: DateRangePickerInputType) => {\n      switch (type) {\n        case 'start':\n          setStartValue('');\n          focus('end');\n          break;\n\n        case 'end':\n          setEndValue('');\n          close();\n          break;\n      }\n    };\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        open,\n        close,\n        scrollToMonth: calendarRef.current?.scrollToMonth,\n        getRootNode: () => dateRangePickerRef.current,\n      }),\n      [],\n    );\n\n    useLayoutEffect(() => {\n      if (!focusInput) {\n        return;\n      }\n\n      // fix DateInput flushSync warning in React 18\n      setTimeout(() => {\n        const isStart = focusInput === 'start';\n        let currentFieldRef;\n\n        // Mobile Native Picker\n        if (isMobile && props.useMobileNativeDatePicker) {\n          currentFieldRef = isStart ? mobileNativeStartRef : mobileNativeEndRef;\n          if (isIOS) {\n            currentFieldRef.current?.focus();\n          } else {\n            // Android open native datepicker only via click\n            currentFieldRef.current?.click();\n          }\n          return;\n        }\n\n        // Mobile\n        if (isMobile) {\n          currentFieldRef = isStart ? mobileStartRef : mobileEndRef;\n          currentFieldRef.current?.focus();\n          return;\n        }\n\n        // Desktop\n        currentFieldRef = isStart ? startRef : endRef;\n        currentFieldRef.current?.focus();\n      });\n    }, [focusInput]);\n\n    const dateRangePickerContextProps: DateRangePickerContextProps = {\n      startValue,\n      startOptional,\n      startDisabled,\n      endValue,\n      endOptional,\n      endDisabled,\n      minDate,\n      maxDate,\n      size: props.size,\n      setStartValue,\n      setStartOptional,\n      setStartDisabled,\n      setEndValue,\n      setEndOptional,\n      setEndDisabled,\n      setMinDate,\n      setMaxDate,\n      setFocusInput,\n      open,\n      close,\n      dateRangePickerRef,\n      startRef,\n      endRef,\n    };\n\n    const renderCalendar = (theme: Theme, widthAuto = false) => (\n      <LocaleContext.Provider\n        value={{\n          locale: {\n            Calendar: {\n              months: locale.months,\n              dayCellChooseDateAriaLabel: locale.dayCellChooseDateAriaLabel,\n              selectMonthAriaLabel: locale.selectMonthAriaLabel,\n              selectYearAriaLabel: locale.selectYearAriaLabel,\n              selectChosenAriaLabel: locale.selectChosenAriaLabel,\n            },\n          },\n        }}\n      >\n        <Calendar\n          value={focusInput === 'start' ? startValue : endValue}\n          minDate={minDate}\n          maxDate={maxDate}\n          renderDay={(dayProps) => renderCalendarRange(dayProps, theme, props.renderDay)}\n          onValueChange={(value) => updateDateRangeValues(value)}\n          ref={calendarRef}\n          onMonthChange={props.onMonthChange}\n          className={cx({ [styles.calendarWidthAuto()]: widthAuto })}\n        />\n      </LocaleContext.Provider>\n    );\n\n    const renderMobileCalendar = (theme: Theme) => (\n      <MobilePopup\n        opened\n        headerChildComponent={\n          <div className={cx(styles.root(theme), styles.inputWrapperWidthFull())}>\n            <DateInput\n              withIcon\n              value={startValue}\n              width=\"auto\"\n              size=\"medium\"\n              className={cx({ [styles.inputVisuallyFocus(theme)]: focusInput === 'start' })}\n              disabled={startDisabled}\n              onValueChange={setStartValue}\n              onFocus={() => setFocusInput('start')}\n              ref={mobileStartRef}\n              data-tid={DateRangePickerDataTids.mobileStart}\n            />\n            <DateRangePicker.Separator />\n            <DateInput\n              withIcon\n              value={endValue}\n              width=\"auto\"\n              size=\"medium\"\n              className={cx({ [styles.inputVisuallyFocus(theme)]: focusInput === 'end' })}\n              disabled={endDisabled}\n              onValueChange={setEndValue}\n              onFocus={() => setFocusInput('end')}\n              ref={mobileEndRef}\n              data-tid={DateRangePickerDataTids.mobileEnd}\n            />\n          </div>\n        }\n        onCloseRequest={() => close()}\n        footerChildComponent={renderButtons()}\n      >\n        <ThemeContext.Provider value={getMobileDateRangePickerTheme(theme)}>\n          {renderCalendar(theme, true)}\n        </ThemeContext.Provider>\n      </MobilePopup>\n    );\n\n    const getAnchorElement = () => {\n      const { menuAnchorElement } = props;\n      if (menuAnchorElement === 'focused') {\n        return getRootNode(focusInput === 'start' ? startRef.current : endRef.current);\n      }\n\n      if (React.isValidElement(menuAnchorElement)) {\n        return menuAnchorElement;\n      }\n\n      if (menuAnchorElement && typeof menuAnchorElement === 'object' && 'current' in menuAnchorElement) {\n        return getRootNode(menuAnchorElement.current);\n      }\n\n      return getRootNode(startRef.current) || getRootNode(endRef.current) || getRootNode(dateRangePickerRef.current);\n    };\n\n    const renderDesktopCalendar = (theme: Theme) => (\n      <Popup\n        opened\n        hasShadow\n        priority={ZIndex.priorities.PopupMenu}\n        positions={getMenuPositions(props.menuPos, props.menuAlign)}\n        data-tid={DateRangePickerDataTids.root}\n        anchorElement={getAnchorElement()}\n        margin={parseInt(theme.datePickerMenuOffsetY)}\n      >\n        <div\n          className={styles.calendarWrapper(theme)}\n          onMouseDown={(e) => e.preventDefault()}\n          onMouseMove={handleCalendarRangeMouseMove}\n        >\n          {renderCalendar(theme)}\n          {renderButtons()}\n        </div>\n      </Popup>\n    );\n\n    const renderButtons = () => {\n      const today = new InternalDate(locale)\n        .setComponents(InternalDateGetter.getTodayComponents())\n        .toString({ withPad: true, withSeparator: true });\n\n      const hasOptionalButtons = startOptional || endOptional;\n      return (\n        <div className={cx(styles.buttonWrap())}>\n          {hasOptionalButtons && (\n            <>\n              {focusInput === 'start' && startOptional && (\n                <Button\n                  width=\"100%\"\n                  data-tid={DateRangePickerDataTids.startOptionalButton}\n                  onClick={() => setEmpty('start')}\n                >\n                  {locale.startDateEmpty}\n                </Button>\n              )}\n              {focusInput === 'end' && endOptional && (\n                <Button\n                  width=\"100%\"\n                  data-tid={DateRangePickerDataTids.endOptionalButton}\n                  onClick={() => setEmpty('end')}\n                >\n                  {locale.endDateEmpty}\n                </Button>\n              )}\n            </>\n          )}\n\n          {props.enableTodayLink && (\n            <Button\n              icon={<ArrowAUpIcon16Light />}\n              aria-label={locale.todayAriaLabel}\n              data-tid={DateRangePickerDataTids.todayButton}\n              onClick={() => updateDateRangeValues(today)}\n            >\n              {!hasOptionalButtons && locale.today}\n            </Button>\n          )}\n        </div>\n      );\n    };\n\n    const renderMobileNativeDateInput = () => (\n      <>\n        <NativeDateInput\n          value={startValue}\n          minDate={minDate}\n          maxDate={maxDate}\n          onValueChange={setStartValue}\n          disabled={startDisabled}\n          ref={mobileNativeStartRef}\n        />\n        <NativeDateInput\n          value={endValue}\n          minDate={minDate}\n          maxDate={maxDate}\n          onValueChange={setEndValue}\n          disabled={endDisabled}\n          ref={mobileNativeEndRef}\n        />\n      </>\n    );\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => (\n          <ThemeContext.Provider value={getDateRangePickerTheme(theme)}>\n            <DateRangePickerContext.Provider value={dateRangePickerContextProps}>\n              <CommonWrapper {...props}>\n                <div\n                  className={cx(\n                    styles.root(theme),\n                    styles.inputWrapperWidth(theme),\n                    css`\n                      font-size: ${getFontSize(theme, props.size)};\n                    `,\n                  )}\n                  role=\"group\"\n                  aria-describedby={props['aria-describedby']}\n                  aria-label={props['aria-label']}\n                  aria-labelledby={props['aria-labelledby']}\n                  data-tid={DateRangePickerDataTids.root}\n                  ref={dateRangePickerRef}\n                  style={{ width: props.width }}\n                >\n                  {props.children}\n\n                  {props.useMobileNativeDatePicker && isMobile\n                    ? renderMobileNativeDateInput()\n                    : isCalendarOpen && (isMobile ? renderMobileCalendar(theme) : renderDesktopCalendar(theme))}\n                </div>\n              </CommonWrapper>\n            </DateRangePickerContext.Provider>\n          </ThemeContext.Provider>\n        )}\n      </ThemeContext.Consumer>\n    );\n\n    // Use parent mousemove event instead each CalendarDay's mouseenter / mouseover\n    function handleCalendarRangeMouseMove(e: React.MouseEvent<HTMLDivElement, MouseEvent>) {\n      if (!startValue && !endValue) {\n        return;\n      }\n\n      const hoveredElement = e.target as HTMLElement;\n      if (!hoveredElement.hasAttribute(DayDateAttribute) && hoveredDay === null) {\n        return;\n      }\n\n      const date = String(hoveredElement?.getAttribute(DayDateAttribute)) || null;\n      setHoveredDay(date);\n    }\n\n    function renderCalendarRange(\n      props: CalendarDayProps,\n      t: Theme,\n      renderDayFn: ((props: CalendarDayProps) => React.ReactElement) | undefined,\n    ) {\n      const day = props.date;\n\n      const isDayFirst = startValue === day;\n      const isDayLast = endValue === day;\n      const isDayInPeriod = Boolean(startValue && endValue && isBetween(day, startValue, endValue));\n\n      const hasHoveredDay = hoveredDay !== null;\n      const isDayInHoveredPeriod =\n        hasHoveredDay &&\n        Boolean(\n          (focusInput === 'start' && endValue && isBetween(day, hoveredDay, endValue)) ||\n            (focusInput === 'end' && startValue && isBetween(day, startValue, hoveredDay)),\n        );\n\n      let hasLeftRoundings;\n      let hasRightRoundings;\n\n      if (hasHoveredDay) {\n        const isDayBeforeFirstInPeriod = startValue ? isLess(hoveredDay, startValue) : endValue;\n        const isDayAfterLastInPeriod = endValue ? isGreater(hoveredDay, endValue) : startValue;\n\n        if (isDayFirst && (isGreaterOrEqual(hoveredDay, startValue) || focusInput === 'end')) {\n          hasLeftRoundings = true;\n        }\n\n        if (isDayLast && (isLessOrEqual(hoveredDay, endValue) || focusInput === 'start')) {\n          hasRightRoundings = true;\n        }\n\n        const isDayHovered = hoveredDay === day;\n        if (isDayHovered) {\n          if (isDayBeforeFirstInPeriod) {\n            hasLeftRoundings = true;\n          }\n\n          if (isDayAfterLastInPeriod) {\n            hasRightRoundings = true;\n          }\n        }\n      } else {\n        if (isDayFirst) {\n          hasLeftRoundings = true;\n        }\n\n        if (isDayLast) {\n          hasRightRoundings = true;\n        }\n      }\n\n      const renderDayProps = {\n        ...props,\n        [DayDateAttribute]: props.date,\n      };\n\n      let dataTid = null;\n      if (isDayFirst) {\n        dataTid = DateRangePickerDataTids.rangeStart;\n      } else if (isDayLast) {\n        dataTid = DateRangePickerDataTids.rangeEnd;\n      }\n\n      return (\n        <div\n          className={cx(\n            styles.rangeCalendarDay(),\n            css`\n              background: ${isDayInPeriod && t.rangeCalendarCellBg};\n              border-top-left-radius: ${hasLeftRoundings && t.calendarCellBorderRadius};\n              border-bottom-left-radius: ${hasLeftRoundings && t.calendarCellBorderRadius};\n              border-top-right-radius: ${hasRightRoundings && t.calendarCellBorderRadius};\n              border-bottom-right-radius: ${hasRightRoundings && t.calendarCellBorderRadius};\n            `,\n            {\n              [styles.rangeCalendarDayEnd(t)]: isDayFirst || isDayLast,\n              [styles.rangeCalendarDayHoverInPeriod(t)]: isDayInPeriod,\n              [styles.rangeCalendarDayInHoveredPeriod(t)]: isDayInHoveredPeriod,\n            },\n          )}\n          data-tid={dataTid}\n        >\n          {renderDayFn ? renderDayFn(renderDayProps) : <CalendarDay {...renderDayProps} />}\n        </div>\n      );\n    }\n  }),\n);\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/DateRangePicker/DateRangePicker.styles.d.ts

@@ -1,15 +1,16 @@
-import { SizeProp } from '../../lib/types/props';
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    inputWrapper(): string;
-    inputWrapperWidth(t: Theme): string;
-    inputVisuallyFocus(t: Theme): string;
-    calendarWrapper(t: Theme): string;
-    calendarWidthAuto(): string;
-    rangeCalendarDay(): string;
-    rangeCalendarDayEnd(t: Theme): string;
-    rangeCalendarDayInHoveredPeriod(t: Theme): string;
-    rangeCalendarDayHoverInPeriod(t: Theme): string;
-};
-export declare function getFontSize(t: Theme, size?: SizeProp): string;
+import type { SizeProp } from '../../lib/types/props';
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    inputWrapperWidth(t: Theme): string;
+    inputWrapperWidthFull(): string;
+    inputVisuallyFocus(t: Theme): string;
+    calendarWrapper(t: Theme): string;
+    calendarWidthAuto(): string;
+    rangeCalendarDay(): string;
+    rangeCalendarDayEnd(t: Theme): string;
+    rangeCalendarDayInHoveredPeriod(t: Theme): string;
+    rangeCalendarDayHoverInPeriod(t: Theme): string;
+    buttonWrap(): string;
+};
+export declare function getFontSize(t: Theme, size?: SizeProp): string;

package/cjs/components/DateRangePicker/DateRangePicker.styles.js

@@ -1,18 +1,14 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getFontSize = getFontSize;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _Emotion = require("../../lib/theming/Emotion");
 
-var _Calendar = require("../Calendar");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+var _Calendar = require("../Calendar");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  root: function root() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
-
-
-  },
-  inputWrapper: function inputWrapper() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    "])));
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n      color: ", ";\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    "])),
 
 
+    t.textColorDefault);
 
 
 
@@ -20,9 +16,14 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
   inputWrapperWidth: function inputWrapperWidth(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", "px;\n    "])),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", "px;\n    "])),
     parseInt(t.calendarCellWidth) * 7 + parseInt(t.calendarPaddingX) * 2);
 
+  },
+  inputWrapperWidthFull: function inputWrapperWidthFull() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n    "])));
+
+
   },
   inputVisuallyFocus: function inputVisuallyFocus(t) {
     return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", ";\n    "])),
@@ -50,7 +51,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
   rangeCalendarDayEnd: function rangeCalendarDayEnd(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: ", ";\n        border-radius: ", ";\n      }\n\n      [data-tid=", "] {\n        color: ", ";\n\n        @media (hover: hover) {\n          &:hover {\n            background: none;\n          }\n        }\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: ", ";\n        border-radius: ", ";\n      }\n\n      [data-tid=", "] {\n        color: ", ";\n\n        @media (hover: hover) {\n          &:hover {\n            color: ", ";\n            background: none;\n          }\n        }\n      }\n    "])),
 
 
 
@@ -65,10 +66,11 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
     _Calendar.CalendarDataTids.dayCell,
-    t.rangeCalendarCellEndColor);
+    t.rangeCalendarCellEndColor,
 
 
 
+    t.rangeCalendarCellEndColor);
 
 
 
@@ -88,6 +90,20 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
+  },
+  buttonWrap: function buttonWrap() {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      margin: 8px;\n\n      > * {\n        flex-grow: 1;\n      }\n\n      > *:not(:first-child) {\n        margin-left: 8px;\n      }\n    "])));
+
+
+
+
+
+
+
+
+
+
+
   }
 });
 

package/cjs/components/DateRangePicker/DateRangePicker.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Calendar","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","inputWrapper","inputWrapperWidth","t","parseInt","calendarCellWidth","calendarPaddingX","inputVisuallyFocus","inputFocusShadow","calendarWrapper","pickerShadow","calendarWidthAuto","rangeCalendarDay","rangeCalendarDayEnd","rangeCalendarCellEndBg","calendarCellBorderRadius","CalendarDataTids","dayCell","rangeCalendarCellEndColor","rangeCalendarDayInHoveredPeriod","rangeCalendarCellBg","rangeCalendarDayHoverInPeriod","rangeCalendarCellHoverBg","getFontSize","size","fontSizeLarge","fontSizeMedium","fontSizeSmall"],"sources":["DateRangePicker.styles.ts"],"sourcesContent":["import { SizeProp } from '../../lib/types/props';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CalendarDataTids } from '../Calendar';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n    `;\n  },\n  inputWrapper() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    `;\n  },\n  inputWrapperWidth(t: Theme) {\n    return css`\n      min-width: ${parseInt(t.calendarCellWidth) * 7 + parseInt(t.calendarPaddingX) * 2}px;\n    `;\n  },\n  inputVisuallyFocus(t: Theme) {\n    return css`\n      box-shadow: ${t.inputFocusShadow};\n    `;\n  },\n  calendarWrapper(t: Theme) {\n    return css`\n      box-shadow: ${t.pickerShadow};\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    `;\n  },\n  calendarWidthAuto() {\n    return css`\n      width: auto;\n    `;\n  },\n  rangeCalendarDay() {\n    return css`\n      width: 100%;\n      height: 100%;\n    `;\n  },\n  rangeCalendarDayEnd(t: Theme) {\n    return css`\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: ${t.rangeCalendarCellEndBg};\n        border-radius: ${t.calendarCellBorderRadius};\n      }\n\n      [data-tid=${CalendarDataTids.dayCell}] {\n        color: ${t.rangeCalendarCellEndColor};\n\n        @media (hover: hover) {\n          &:hover {\n            background: none;\n          }\n        }\n      }\n    `;\n  },\n  rangeCalendarDayInHoveredPeriod(t: Theme) {\n    return css`\n      background: ${t.rangeCalendarCellBg};\n    `;\n  },\n  rangeCalendarDayHoverInPeriod(t: Theme) {\n    return css`\n      @media (hover: hover) {\n        &:hover [data-tid=${CalendarDataTids.dayCell}] {\n          background: ${t.rangeCalendarCellHoverBg};\n        }\n      }\n    `;\n  },\n});\n\nexport function getFontSize(t: Theme, size?: SizeProp) {\n  switch (size) {\n    case 'large':\n      return t.fontSizeLarge;\n    case 'medium':\n      return t.fontSizeMedium;\n    case 'small':\n    default:\n      return t.fontSizeSmall;\n  }\n}\n"],"mappings":";AACA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,SAAA,GAAAD,OAAA,gBAA+C,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA;;AAExC,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAd,eAAA,KAAAA,eAAA,OAAAe,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;EACDC,YAAY,WAAAA,aAAA,EAAG;IACb,WAAOH,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;;;;;;;;EAQZ,CAAC;EACDE,iBAAiB,WAAAA,kBAACC,CAAQ,EAAE;IAC1B,WAAOL,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACKI,QAAQ,CAACD,CAAC,CAACE,iBAAiB,CAAC,GAAG,CAAC,GAAGD,QAAQ,CAACD,CAAC,CAACG,gBAAgB,CAAC,GAAG,CAAC;;EAErF,CAAC;EACDC,kBAAkB,WAAAA,mBAACJ,CAAQ,EAAE;IAC3B,WAAOL,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACMG,CAAC,CAACK,gBAAgB;;EAEpC,CAAC;EACDC,eAAe,WAAAA,gBAACN,CAAQ,EAAE;IACxB,WAAOL,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACMG,CAAC,CAACO,YAAY;;;;;;EAMhC,CAAC;EACDC,iBAAiB,WAAAA,kBAAA,EAAG;IAClB,WAAOb,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;EACDY,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,WAAOd,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;EACDa,mBAAmB,WAAAA,oBAACV,CAAQ,EAAE;IAC5B,WAAOL,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;;;;;;IAUQG,CAAC,CAACW,sBAAsB;IACrBX,CAAC,CAACY,wBAAwB;;;IAGjCC,0BAAgB,CAACC,OAAO;IACzBd,CAAC,CAACe,yBAAyB;;;;;;;;;EAS1C,CAAC;EACDC,+BAA+B,WAAAA,gCAAChB,CAAQ,EAAE;IACxC,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACMG,CAAC,CAACiB,mBAAmB;;EAEvC,CAAC;EACDC,6BAA6B,WAAAA,8BAAClB,CAAQ,EAAE;IACtC,WAAOL,YAAG,EAAAL,iBAAA,KAAAA,iBAAA,OAAAM,4BAAA,CAAAC,OAAA;;IAEcgB,0BAAgB,CAACC,OAAO;IAC5Bd,CAAC,CAACmB,wBAAwB;;;;EAIhD;AACF,CAAC,CAAC;;AAEK,SAASC,WAAWA,CAACpB,CAAQ,EAAEqB,IAAe,EAAE;EACrD,QAAQA,IAAI;IACV,KAAK,OAAO;MACV,OAAOrB,CAAC,CAACsB,aAAa;IACxB,KAAK,QAAQ;MACX,OAAOtB,CAAC,CAACuB,cAAc;IACzB,KAAK,OAAO;IACZ;MACE,OAAOvB,CAAC,CAACwB,aAAa;EAC1B;AACF","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Calendar","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","textColorDefault","inputWrapperWidth","parseInt","calendarCellWidth","calendarPaddingX","inputWrapperWidthFull","inputVisuallyFocus","inputFocusShadow","calendarWrapper","pickerShadow","calendarWidthAuto","rangeCalendarDay","rangeCalendarDayEnd","rangeCalendarCellEndBg","calendarCellBorderRadius","CalendarDataTids","dayCell","rangeCalendarCellEndColor","rangeCalendarDayInHoveredPeriod","rangeCalendarCellBg","rangeCalendarDayHoverInPeriod","rangeCalendarCellHoverBg","buttonWrap","getFontSize","size","fontSizeLarge","fontSizeMedium","fontSizeSmall"],"sources":["DateRangePicker.styles.ts"],"sourcesContent":["import type { SizeProp } from '../../lib/types/props';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { CalendarDataTids } from '../Calendar';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      color: ${t.textColorDefault};\n\n      & > * {\n        flex: 1 1 50%;\n      }\n    `;\n  },\n  inputWrapperWidth(t: Theme) {\n    return css`\n      min-width: ${parseInt(t.calendarCellWidth) * 7 + parseInt(t.calendarPaddingX) * 2}px;\n    `;\n  },\n  inputWrapperWidthFull() {\n    return css`\n      width: 100%;\n    `;\n  },\n  inputVisuallyFocus(t: Theme) {\n    return css`\n      box-shadow: ${t.inputFocusShadow};\n    `;\n  },\n  calendarWrapper(t: Theme) {\n    return css`\n      box-shadow: ${t.pickerShadow};\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    `;\n  },\n  calendarWidthAuto() {\n    return css`\n      width: auto;\n    `;\n  },\n  rangeCalendarDay() {\n    return css`\n      width: 100%;\n      height: 100%;\n    `;\n  },\n  rangeCalendarDayEnd(t: Theme) {\n    return css`\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: ${t.rangeCalendarCellEndBg};\n        border-radius: ${t.calendarCellBorderRadius};\n      }\n\n      [data-tid=${CalendarDataTids.dayCell}] {\n        color: ${t.rangeCalendarCellEndColor};\n\n        @media (hover: hover) {\n          &:hover {\n            color: ${t.rangeCalendarCellEndColor};\n            background: none;\n          }\n        }\n      }\n    `;\n  },\n  rangeCalendarDayInHoveredPeriod(t: Theme) {\n    return css`\n      background: ${t.rangeCalendarCellBg};\n    `;\n  },\n  rangeCalendarDayHoverInPeriod(t: Theme) {\n    return css`\n      @media (hover: hover) {\n        &:hover [data-tid=${CalendarDataTids.dayCell}] {\n          background: ${t.rangeCalendarCellHoverBg};\n        }\n      }\n    `;\n  },\n  buttonWrap() {\n    return css`\n      display: flex;\n      margin: 8px;\n\n      > * {\n        flex-grow: 1;\n      }\n\n      > *:not(:first-child) {\n        margin-left: 8px;\n      }\n    `;\n  },\n});\n\nexport function getFontSize(t: Theme, size?: SizeProp) {\n  switch (size) {\n    case 'large':\n      return t.fontSizeLarge;\n    case 'medium':\n      return t.fontSizeMedium;\n    case 'small':\n    default:\n      return t.fontSizeSmall;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/DateRangePicker/DateRangePickerContext.d.ts

@@ -1,28 +1,31 @@
-import React from 'react';
-import type { SizeProp } from '../../lib/types/props';
-import type { DateInput } from '../DateInput';
-import { DateRangePickerFieldType } from './DateRangePickerField';
-export interface DateRangePickerContextProps {
-    start: string | null;
-    end: string | null;
-    setActiveField?: boolean;
-    minDate?: string;
-    maxDate?: string;
-    size?: SizeProp;
-    disabled?: boolean[];
-    autoFocus?: boolean;
-    warning?: boolean[];
-    error?: boolean[];
-    onBlur?: (e: React.FocusEvent<HTMLElement>) => void;
-    onFocus?: (e: React.FocusEvent<HTMLElement>) => void;
-    onValueChange?: (value: string[]) => void;
-    setStart: (value: string) => void;
-    setEnd: (value: string) => void;
-    setFocusField: (value: DateRangePickerFieldType | null) => void;
-    open: (type: DateRangePickerFieldType) => void;
-    close: () => void;
-    dateRangePickerRef: React.RefObject<HTMLDivElement>;
-    startRef: React.RefObject<DateInput>;
-    endRef: React.RefObject<DateInput>;
-}
-export declare const DateRangePickerContext: React.Context<DateRangePickerContextProps>;
+import React from 'react';
+import type { RefObject } from 'react';
+import type { DateInput } from '../DateInput';
+import type { SizeProp } from '../../lib/types/props';
+import type { DateRangePickerInputType } from './DateRangePickerInput';
+export interface DateRangePickerContextProps {
+    startValue?: string;
+    startOptional?: boolean;
+    startDisabled?: boolean;
+    endValue?: string;
+    endOptional?: boolean;
+    endDisabled?: boolean;
+    minDate?: string;
+    maxDate?: string;
+    size?: SizeProp;
+    setStartValue: (value: string) => void;
+    setStartOptional: (value: boolean) => void;
+    setStartDisabled: (value: boolean) => void;
+    setEndValue: (value: string) => void;
+    setEndOptional: (value: boolean) => void;
+    setEndDisabled: (value: boolean) => void;
+    setMinDate: (value: string) => void;
+    setMaxDate: (value: string) => void;
+    setFocusInput: (value: DateRangePickerInputType | null) => void;
+    open: (type: DateRangePickerInputType) => void;
+    close: () => void;
+    dateRangePickerRef: RefObject<HTMLDivElement>;
+    startRef: RefObject<DateInput>;
+    endRef: RefObject<DateInput>;
+}
+export declare const DateRangePickerContext: React.Context<DateRangePickerContextProps>;

package/cjs/components/DateRangePicker/DateRangePickerContext.js

@@ -25,6 +25,9 @@
 
 
 
+
+
+
 
 
 

package/cjs/components/DateRangePicker/DateRangePickerContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","DateRangePickerContext","exports","React","createContext","displayName"],"sources":["DateRangePickerContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SizeProp } from '../../lib/types/props';\nimport type { DateInput } from '../DateInput';\n\nimport { DateRangePickerFieldType } from './DateRangePickerField';\n\nexport interface DateRangePickerContextProps {\n  start: string | null;\n  end: string | null;\n  setActiveField?: boolean;\n  minDate?: string;\n  maxDate?: string;\n  size?: SizeProp;\n  disabled?: boolean[];\n  autoFocus?: boolean;\n  warning?: boolean[];\n  error?: boolean[];\n  onBlur?: (e: React.FocusEvent<HTMLElement>) => void;\n  onFocus?: (e: React.FocusEvent<HTMLElement>) => void;\n  onValueChange?: (value: string[]) => void;\n  setStart: (value: string) => void;\n  setEnd: (value: string) => void;\n  setFocusField: (value: DateRangePickerFieldType | null) => void;\n  open: (type: DateRangePickerFieldType) => void;\n  close: () => void;\n  dateRangePickerRef: React.RefObject<HTMLDivElement>;\n  startRef: React.RefObject<DateInput>;\n  endRef: React.RefObject<DateInput>;\n}\n\nexport const DateRangePickerContext = React.createContext({} as DateRangePickerContextProps);\n\nDateRangePickerContext.displayName = 'DateRangePickerContext';\n"],"mappings":"4KAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,gBAAGE,cAAK,CAACC,aAAa,CAAC,CAAC,CAAgC,CAAC;;AAE5FH,sBAAsB,CAACI,WAAW,GAAG,wBAAwB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","DateRangePickerContext","exports","React","createContext","displayName"],"sources":["DateRangePickerContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { RefObject } from 'react';\n\nimport type { DateInput } from '../DateInput';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport type { DateRangePickerInputType } from './DateRangePickerInput';\n\nexport interface DateRangePickerContextProps {\n  startValue?: string;\n  startOptional?: boolean;\n  startDisabled?: boolean;\n  endValue?: string;\n  endOptional?: boolean;\n  endDisabled?: boolean;\n  minDate?: string;\n  maxDate?: string;\n  size?: SizeProp;\n  setStartValue: (value: string) => void;\n  setStartOptional: (value: boolean) => void;\n  setStartDisabled: (value: boolean) => void;\n  setEndValue: (value: string) => void;\n  setEndOptional: (value: boolean) => void;\n  setEndDisabled: (value: boolean) => void;\n  setMinDate: (value: string) => void;\n  setMaxDate: (value: string) => void;\n  setFocusInput: (value: DateRangePickerInputType | null) => void;\n  open: (type: DateRangePickerInputType) => void;\n  close: () => void;\n  dateRangePickerRef: RefObject<HTMLDivElement>;\n  startRef: RefObject<DateInput>;\n  endRef: RefObject<DateInput>;\n}\n\nexport const DateRangePickerContext = React.createContext({} as DateRangePickerContextProps);\n\nDateRangePickerContext.displayName = 'DateRangePickerContext';\n"],"mappings":"4KAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCO,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,gBAAGE,cAAK,CAACC,aAAa,CAAC,CAAC,CAAgC,CAAC;;AAE5FH,sBAAsB,CAACI,WAAW,GAAG,wBAAwB","ignoreList":[]}

package/cjs/components/DateRangePicker/DateRangePickerInput.d.ts

@@ -0,0 +1,12 @@
+import type { DateInputProps } from '../DateInput';
+import { DateInput } from '../DateInput';
+export type DateRangePickerInputType = 'start' | 'end';
+export interface DateRangePickerInputProps extends Omit<DateInputProps, 'value'> {
+    type: DateRangePickerInputType;
+    value?: string | null;
+    optional?: boolean;
+}
+type DateRangePickerInputWithoutType = Omit<DateRangePickerInputProps, 'type'>;
+export declare const DateRangePickerStart: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<DateInput, DateRangePickerInputWithoutType> & Record<never, never>;
+export declare const DateRangePickerEnd: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<DateInput, DateRangePickerInputWithoutType> & Record<never, never>;
+export {};

package/cjs/components/DateRangePicker/DateRangePickerInput.js

@@ -0,0 +1,160 @@
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.DateRangePickerStart = exports.DateRangePickerEnd = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+
+var _useLocaleForControl = require("../../lib/locale/useLocaleForControl");
+
+var _DateInput = require("../DateInput");
+var _ResponsiveLayout = require("../ResponsiveLayout");
+var _forwardRefAndName = require("../../lib/forwardRefAndName");
+var _utils = require("../../lib/utils");
+
+var _DateRangePickerContext = require("./DateRangePickerContext");
+var _DateRangePicker = require("./DateRangePicker");
+var _locale = require("./locale");
+
+
+
+
+
+
+
+
+
+
+
+var DateRangePickerInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _useContext =
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    (0, _react.useContext)(_DateRangePickerContext.DateRangePickerContext),minDate = _useContext.minDate,maxDate = _useContext.maxDate,startValue = _useContext.startValue,endValue = _useContext.endValue,size = _useContext.size,setStartValue = _useContext.setStartValue,setStartOptional = _useContext.setStartOptional,setStartDisabled = _useContext.setStartDisabled,setEndValue = _useContext.setEndValue,setEndOptional = _useContext.setEndOptional,setEndDisabled = _useContext.setEndDisabled,setMinDate = _useContext.setMinDate,setMaxDate = _useContext.setMaxDate,setFocusInput = _useContext.setFocusInput,open = _useContext.open,close = _useContext.close,dateRangePickerRef = _useContext.dateRangePickerRef,startRef = _useContext.startRef,endRef = _useContext.endRef;
+  var isStart = props.type === 'start';
+  var isEnd = props.type === 'end';
+  var locale = (0, _useLocaleForControl.useLocaleForControl)('DateRangePicker', _locale.DateRangePickerLocaleHelper);
+
+  var _useResponsiveLayout = (0, _ResponsiveLayout.useResponsiveLayout)(),isMobile = _useResponsiveLayout.isMobile;
+
+  (0, _react.useImperativeHandle)(ref, function () {return isStart ? startRef.current : endRef.current;}, []);
+
+  (0, _react.useEffect)(function () {
+    if (isStart && startValue !== props.value) {
+      setStartValue(props.value || '');
+    } else if (isEnd && endValue !== props.value) {
+      setEndValue(props.value || '');
+    }
+  }, [props.value]);
+
+  (0, _react.useEffect)(function () {
+    if (isStart) {
+      setStartOptional(props.optional || false);
+      setStartDisabled(props.disabled || false);
+      setMinDate(props.minDate || '');
+    } else if (isEnd) {
+      setEndOptional(props.optional || false);
+      setEndDisabled(props.disabled || false);
+      setMaxDate(props.maxDate || '');
+    }
+  }, [props.optional, props.disabled, props.minDate, props.maxDate]);
+
+  (0, _react.useEffect)(function () {
+    if (isStart && startValue !== props.value && (0, _utils.isNonNullable)(startValue)) {
+      props.onValueChange == null || props.onValueChange(startValue);
+    }
+  }, [startValue]);
+
+  (0, _react.useEffect)(function () {
+    if (isEnd && endValue !== props.value && (0, _utils.isNonNullable)(endValue)) {
+      props.onValueChange == null || props.onValueChange(endValue);
+    }
+  }, [endValue]);
+
+  var commonProps = (0, _extends2.default)({
+    withIcon: true,
+    size: size,
+    minDate: minDate,
+    maxDate: maxDate },
+  props, {
+    onValueChange: function onValueChange(value) {
+      if (isStart) {
+        setStartValue(value || '');
+      } else if (isEnd) {
+        setEndValue(value || '');
+      }
+    },
+    onClick: function onClick() {
+      if (props.disabled) {
+        return;
+      }
+      open(props.type);
+    },
+    onFocus: function onFocus(e) {
+      open(props.type);
+      props.onFocus == null || props.onFocus(e);
+    },
+    onBlur: function onBlur(e) {var _dateRangePickerRef$c;
+      props.onBlur == null || props.onBlur(e);
+
+      if (isMobile) {
+        return;
+      }
+      var nextFocusedElement = e.relatedTarget;
+      if (!((_dateRangePickerRef$c = dateRangePickerRef.current) != null && _dateRangePickerRef$c.contains(nextFocusedElement))) {
+        close();
+      }
+      setFocusInput(null);
+    } });
+
+
+  switch (props.type) {
+    case 'start':
+      return /*#__PURE__*/(
+        _react.default.createElement(_DateInput.DateInput, (0, _extends2.default)({},
+        commonProps, {
+          value: props.value || '',
+          "data-tid": props['data-tid'] || _DateRangePicker.DateRangePickerDataTids.start,
+          "aria-label": props['aria-label'] || locale.startDateLabel,
+          ref: startRef })
+        ));
+
+    case 'end':
+      return /*#__PURE__*/(
+        _react.default.createElement(_DateInput.DateInput, (0, _extends2.default)({},
+        commonProps, {
+          value: props.value || '',
+          "data-tid": props['data-tid'] || _DateRangePicker.DateRangePickerDataTids.end,
+          "aria-label": props['aria-label'] || locale.endDateLabel,
+          ref: endRef })
+        ));
+
+  }
+});
+
+var DateRangePickerStart = exports.DateRangePickerStart = (0, _forwardRefAndName.forwardRefAndName)(
+  'DateRangePickerStart',
+  function (props, ref) {return /*#__PURE__*/(
+      _react.default.createElement(DateRangePickerInput, (0, _extends2.default)({ type: "start" }, props, { ref: ref })));}
+
+);
+
+var DateRangePickerEnd = exports.DateRangePickerEnd = (0, _forwardRefAndName.forwardRefAndName)(
+  'DateRangePickerEnd',
+  function (props, ref) {return /*#__PURE__*/(
+      _react.default.createElement(DateRangePickerInput, (0, _extends2.default)({ type: "end" }, props, { ref: ref })));}
+
+);