@bbl-digital/snorre 2.4.7 → 2.4.10

package/esm/core/DatepickerRange/index.js

@@ -0,0 +1,171 @@
+/** @jsxImportSource @emotion/react */
+import FocusTrap from 'focus-trap-react';
+import { useRef, useState, useEffect, useMemo } from 'react';
+import DayPickerInput from 'react-day-picker/DayPickerInput';
+import { useIsMobile } from '../..';
+import IconErrorOutline from '../../icons/General/IconErrorOutline';
+import { formatDate, MONTHS, parseDate, WEEKDAYS_LONG, WEEKDAYS_SHORT } from '../../utils/dates';
+import YearMonthForm from '../Datepicker/yearMonthForm';
+import { Input, Wrapper, styles, Label, ErrorMessage, DividerLine } from './styles';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const FORMAT = 'dd.MM.yyyy';
+
+const DatePickerRange = ({
+  value,
+  label,
+  invalidMessage,
+  validation,
+  maxDate,
+  disabled,
+  disabledTitle,
+  withYearMonthForm = true,
+  onChange,
+  onBlur,
+  css,
+  maxWidth = 550,
+  minWidth = 400
+}) => {
+  const isMobile = useIsMobile();
+  const fromPickerRef = useRef(null);
+  const toPickerRef = useRef(null);
+  const currentYear = new Date().getFullYear();
+  const minDateAvailable = new Date(currentYear - 100, 0);
+  const maxDateAvailable = maxDate ? new Date(maxDate) : new Date(currentYear, 11, 31);
+  const [dates, setDates] = useState({
+    to: undefined,
+    from: undefined
+  });
+
+  const showFromMonth = () => {
+    if (!dates.from) return;
+    const toMonth = dates.from.getMonth() + 1;
+    const fromMonth = dates.from.getMonth() + 1;
+
+    if (fromMonth - toMonth < 2) {
+      toPickerRef.current?.getDayPicker().showMonth(dates.from);
+    }
+  };
+
+  useEffect(() => {
+    if (isMobile && fromPickerRef) fromPickerRef.current.input.readOnly = true;
+  }, [isMobile, fromPickerRef]);
+  useEffect(() => {
+    if (isMobile && toPickerRef) toPickerRef.current.input.readOnly = true;
+  }, [isMobile, toPickerRef]);
+  const modifiers = useMemo(() => ({
+    start: dates.from,
+    end: dates.to
+  }), [dates.from, dates.to]);
+
+  const pickerPropsDefault = key => ({
+    locale: 'no',
+    months: MONTHS,
+    weekdaysLong: WEEKDAYS_LONG,
+    weekdaysShort: WEEKDAYS_SHORT,
+    firstDayOfWeek: 1,
+    captionElement: withYearMonthForm ? _jsx(YearMonthForm, {
+      date: dates[key] || new Date(),
+      fromDate: minDateAvailable,
+      toDate: maxDateAvailable,
+      onChange: e => {
+        setDates(prev => ({ ...prev,
+          [key]: e
+        }));
+        showFromMonth();
+      }
+    }) : undefined,
+    // custom
+    modifiers,
+    numberOfMonths: 2,
+    selectedDays: [dates.from, {
+      from: dates.from,
+      to: dates.to
+    }]
+  });
+
+  const handleChange = key => date => {
+    setDates(prev => ({ ...prev,
+      [key]: date
+    }));
+    onChange({ ...dates,
+      [key]: date
+    });
+  };
+
+  return _jsx(FocusTrap, {
+    active: true,
+    focusTrapOptions: {
+      initialFocus: false,
+      allowOutsideClick: true,
+      clickOutsideDeactivates: true
+    },
+    children: _jsxs(Wrapper, {
+      css: () => [styles.wrapper(maxWidth, minWidth), css && css],
+      children: [_jsxs(Input, {
+        title: disabled?.from && disabledTitle?.from ? disabledTitle?.from : undefined,
+        css: theme => [styles.default(theme), validation && styles.validation, invalidMessage && styles.invalid(theme)],
+        children: [label?.from && _jsx(Label, {
+          children: label.from
+        }), _jsx(DayPickerInput, {
+          ref: fromPickerRef,
+          keepFocus: false,
+          format: FORMAT,
+          formatDate: formatDate,
+          parseDate: (date, format, locale) => parseDate(date, format, locale, undefined, maxDateAvailable),
+          onDayChange: handleChange('from'),
+          dayPickerProps: { ...pickerPropsDefault('from'),
+            disabledDays: {
+              after: dates.to
+            },
+            toMonth: dates.to,
+            onDayClick: () => toPickerRef.current?.getInput().focus()
+          },
+          placeholder: 'dd.mm.åååå',
+          onDayPickerHide: onBlur,
+          value: value?.from,
+          inputProps: {
+            disabled: disabled?.from
+          }
+        }), invalidMessage?.from && _jsx(IconErrorOutline, {
+          size: "16px"
+        }), invalidMessage && _jsx(ErrorMessage, {
+          children: invalidMessage.from
+        })]
+      }), _jsx(DividerLine, {
+        children: "-"
+      }), _jsxs(Input, {
+        css: theme => [styles.default(theme), validation && styles.validation, invalidMessage && styles.invalid(theme)],
+        title: disabled?.to && disabledTitle?.to ? disabledTitle.to : undefined,
+        children: [label?.to && _jsx(Label, {
+          children: label.to
+        }), _jsx(DayPickerInput, {
+          ref: toPickerRef,
+          format: FORMAT,
+          formatDate: formatDate,
+          parseDate: (date, format, locale) => parseDate(date, format, locale, undefined, maxDate),
+          onDayChange: handleChange('to'),
+          dayPickerProps: { ...pickerPropsDefault('to'),
+            disabledDays: {
+              before: dates.from
+            },
+            month: dates.from,
+            fromMonth: dates.from
+          },
+          placeholder: 'dd.mm.åååå',
+          onDayPickerHide: onBlur,
+          value: value?.to,
+          inputProps: {
+            disabled: disabled?.to
+          }
+        }), invalidMessage?.to && _jsx(IconErrorOutline, {
+          size: "16px"
+        }), invalidMessage && _jsx(ErrorMessage, {
+          children: invalidMessage?.to
+        })]
+      })]
+    })
+  });
+};
+
+export default DatePickerRange;

package/esm/core/DatepickerRange/styles.js

@@ -0,0 +1,57 @@
+import _styled from "@emotion/styled/base";
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import { css } from '@emotion/react';
+export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ednjubv4"
+} : {
+  target: "ednjubv4",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RhdGVwaWNrZXJSYW5nZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RhdGVwaWNrZXJSYW5nZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgYFxuXG5leHBvcnQgY29uc3QgSW5wdXQgPSBzdHlsZWQuZGl2YGBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gYFxuXG5leHBvcnQgY29uc3QgRGl2aWRlckxpbmUgPSBzdHlsZWQuc3BhbmBcbiAgYWxpZ24tc2VsZjogZmxleC1lbmQ7XG4gIC8vIEhlaWdodCBvZiBpbnB1dCBlbGVtZW50c1xuICBsaW5lLWhlaWdodDogMzhweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctbGVmdDogMjVweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGNvbG9yOiAkeyhwcm9wczogeyB0aGVtZTogSUFwcFRoZW1lIH0pID0+IHByb3BzLnRoZW1lLmFsZXJ0fTtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgd3JhcHBlcjogKG1heFdpZHRoOiBudW1iZXIsIG1pbldpZHRoOiBudW1iZXIpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1heC13aWR0aDogJHttYXhXaWR0aH1weDtcbiAgICBtaW4td2lkdGg6ICR7bWluV2lkdGh9cHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZmxleC13cmFwOiBub3dyYXA7XG4gICAgZ2FwOiAwLjVlbTtcbiAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gIGAsXG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IG1pbi1jb250ZW50O1xuXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIH1cblxuICAgICYgPiBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgbGluZS1oZWlnaHQ6IDIycHg7XG4gICAgICBmb250LXNpemU6IDFlbTtcbiAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gICAgfVxuXG4gICAgaW5wdXQge1xuICAgICAgaGVpZ2h0OiAzNnB4O1xuICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtIDIwcHggLSAycHgpO1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgbGluZS1oZWlnaHQ6IDIwcHg7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJvcmRlcn07XG4gICAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICBwYWRkaW5nOiAwIDEwcHg7XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG4gICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgLkRheVBpY2tlci1EYXkge1xuICAgICAgbGluZS1oZWlnaHQ6IDFlbTtcbiAgICB9XG4gICAgLkRheVBpY2tlci1EYXktLXRvZGF5IHtcbiAgICAgIGNvbG9yOiBibGFjaztcbiAgICB9XG4gICAgLkRheVBpY2tlci1EYXktLXNlbGVjdGVkOm5vdCguRGF5UGlja2VyLURheS0tZGlzYWJsZWQpOm5vdCguRGF5UGlja2VyLURheS0tb3V0c2lkZSkge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3J9O1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDM3OXB4KSB7XG4gICAgICAuRGF5UGlja2VyLU5hdkJ1dHRvbiB7XG4gICAgICAgIHJpZ2h0OiAwZW07XG4gICAgICB9XG4gICAgfVxuICBgLFxuICB2YWxpZGF0aW9uOiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGlucHV0IHtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAzNXB4IC0gMnB4KTtcbiAgICAgIHBhZGRpbmctcmlnaHQ6IDI1cHg7XG4gICAgfVxuXG4gICAgJiA+IHN2ZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDdweDtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICB9XG4gIGAsXG4gIGludmFsaWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgaW5wdXQge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmFsZXJ0fTtcblxuICAgICAgJjphY3RpdmUsXG4gICAgICAmOmZvY3VzLFxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgc3ZnIHtcbiAgICAgIHBhdGgge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmFsZXJ0fTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmZvY3VzLXdpdGhpbiBzcGFuOm50aC1vZi10eXBlKDIpIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmFsZXJ0fTtcbiAgICB9XG4gIGAsXG59XG4iXX0= */");
+export const Input = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ednjubv3"
+} : {
+  target: "ednjubv3",
+  label: "Input"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RhdGVwaWNrZXJSYW5nZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTStCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RhdGVwaWNrZXJSYW5nZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgYFxuXG5leHBvcnQgY29uc3QgSW5wdXQgPSBzdHlsZWQuZGl2YGBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gYFxuXG5leHBvcnQgY29uc3QgRGl2aWRlckxpbmUgPSBzdHlsZWQuc3BhbmBcbiAgYWxpZ24tc2VsZjogZmxleC1lbmQ7XG4gIC8vIEhlaWdodCBvZiBpbnB1dCBlbGVtZW50c1xuICBsaW5lLWhlaWdodDogMzhweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctbGVmdDogMjVweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGNvbG9yOiAkeyhwcm9wczogeyB0aGVtZTogSUFwcFRoZW1lIH0pID0+IHByb3BzLnRoZW1lLmFsZXJ0fTtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgd3JhcHBlcjogKG1heFdpZHRoOiBudW1iZXIsIG1pbldpZHRoOiBudW1iZXIpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1heC13aWR0aDogJHttYXhXaWR0aH1weDtcbiAgICBtaW4td2lkdGg6ICR7bWluV2lkdGh9cHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZmxleC13cmFwOiBub3dyYXA7XG4gICAgZ2FwOiAwLjVlbTtcbiAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gIGAsXG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IG1pbi1jb250ZW50O1xuXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIH1cblxuICAgICYgPiBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgbGluZS1oZWlnaHQ6IDIycHg7XG4gICAgICBmb250LXNpemU6IDFlbTtcbiAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gICAgfVxuXG4gICAgaW5wdXQge1xuICAgICAgaGVpZ2h0OiAzNnB4O1xuICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtIDIwcHggLSAycHgpO1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgbGluZS1oZWlnaHQ6IDIwcHg7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJvcmRlcn07XG4gICAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICBwYWRkaW5nOiAwIDEwcHg7XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG4gICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgLkRheVBpY2tlci1EYXkge1xuICAgICAgbGluZS1oZWlnaHQ6IDFlbTtcbiAgICB9XG4gICAgLkRheVBpY2tlci1EYXktLXRvZGF5IHtcbiAgICAgIGNvbG9yOiBibGFjaztcbiAgICB9XG4gICAgLkRheVBpY2tlci1EYXktLXNlbGVjdGVkOm5vdCguRGF5UGlja2VyLURheS0tZGlzYWJsZWQpOm5vdCguRGF5UGlja2VyLURheS0tb3V0c2lkZSkge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3J9O1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDM3OXB4KSB7XG4gICAgICAuRGF5UGlja2VyLU5hdkJ1dHRvbiB7XG4gICAgICAgIHJpZ2h0OiAwZW07XG4gICAgICB9XG4gICAgfVxuICBgLFxuICB2YWxpZGF0aW9uOiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGlucHV0IHtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAzNXB4IC0gMnB4KTtcbiAgICAgIHBhZGRpbmctcmlnaHQ6IDI1cHg7XG4gICAgfVxuXG4gICAgJiA+IHN2ZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDdweDtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICB9XG4gIGAsXG4gIGludmFsaWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgaW5wdXQge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmFsZXJ0fTtcblxuICAgICAgJjphY3RpdmUsXG4gICAgICAmOmZvY3VzLFxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgc3ZnIHtcbiAgICAgIHBhdGgge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmFsZXJ0fTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmZvY3VzLXdpdGhpbiBzcGFuOm50aC1vZi10eXBlKDIpIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmFsZXJ0fTtcbiAgICB9XG4gIGAsXG59XG4iXX0= */");
+export const Label = _styled("span", process.env.NODE_ENV === "production" ? {
+  target: "ednjubv2"
+} : {
+  target: "ednjubv2",
+  label: "Label"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RhdGVwaWNrZXJSYW5nZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWdDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RhdGVwaWNrZXJSYW5nZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgYFxuXG5leHBvcnQgY29uc3QgSW5wdXQgPSBzdHlsZWQuZGl2YGBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gYFxuXG5leHBvcnQgY29uc3QgRGl2aWRlckxpbmUgPSBzdHlsZWQuc3BhbmBcbiAgYWxpZ24tc2VsZjogZmxleC1lbmQ7XG4gIC8vIEhlaWdodCBvZiBpbnB1dCBlbGVtZW50c1xuICBsaW5lLWhlaWdodDogMzhweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctbGVmdDogMjVweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGNvbG9yOiAkeyhwcm9wczogeyB0aGVtZTogSUFwcFRoZW1lIH0pID0+IHByb3BzLnRoZW1lLmFsZXJ0fTtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgd3JhcHBlcjogKG1heFdpZHRoOiBudW1iZXIsIG1pbldpZHRoOiBudW1iZXIpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1heC13aWR0aDogJHttYXhXaWR0aH1weDtcbiAgICBtaW4td2lkdGg6ICR7bWluV2lkdGh9cHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZmxleC13cmFwOiBub3dyYXA7XG4gICAgZ2FwOiAwLjVlbTtcbiAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gIGAsXG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IG1pbi1jb250ZW50O1xuXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIH1cblxuICAgICYgPiBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgbGluZS1oZWlnaHQ6IDIycHg7XG4gICAgICBmb250LXNpemU6IDFlbTtcbiAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gICAgfVxuXG4gICAgaW5wdXQge1xuICAgICAgaGVpZ2h0OiAzNnB4O1xuICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtIDIwcHggLSAycHgpO1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgbGluZS1oZWlnaHQ6IDIwcHg7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJvcmRlcn07XG4gICAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICBwYWRkaW5nOiAwIDEwcHg7XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG4gICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgLkRheVBpY2tlci1EYXkge1xuICAgICAgbGluZS1oZWlnaHQ6IDFlbTtcbiAgICB9XG4gICAgLkRheVBpY2tlci1EYXktLXRvZGF5IHtcbiAgICAgIGNvbG9yOiBibGFjaztcbiAgICB9XG4gICAgLkRheVBpY2tlci1EYXktLXNlbGVjdGVkOm5vdCguRGF5UGlja2VyLURheS0tZGlzYWJsZWQpOm5vdCguRGF5UGlja2VyLURheS0tb3V0c2lkZSkge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3J9O1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDM3OXB4KSB7XG4gICAgICAuRGF5UGlja2VyLU5hdkJ1dHRvbiB7XG4gICAgICAgIHJpZ2h0OiAwZW07XG4gICAgICB9XG4gICAgfVxuICBgLFxuICB2YWxpZGF0aW9uOiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGlucHV0IHtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAzNXB4IC0gMnB4KTtcbiAgICAgIHBhZGRpbmctcmlnaHQ6IDI1cHg7XG4gICAgfVxuXG4gICAgJiA+IHN2ZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDdweDtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICB9XG4gIGAsXG4gIGludmFsaWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgaW5wdXQge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmFsZXJ0fTtcblxuICAgICAgJjphY3RpdmUsXG4gICAgICAmOmZvY3VzLFxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgc3ZnIHtcbiAgICAgIHBhdGgge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmFsZXJ0fTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmZvY3VzLXdpdGhpbiBzcGFuOm50aC1vZi10eXBlKDIpIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmFsZXJ0fTtcbiAgICB9XG4gIGAsXG59XG4iXX0= */");
+export const DividerLine = _styled("span", process.env.NODE_ENV === "production" ? {
+  target: "ednjubv1"
+} : {
+  target: "ednjubv1",
+  label: "DividerLine"
+})(process.env.NODE_ENV === "production" ? {
+  name: "tkp1bc",
+  styles: "align-self:flex-end;line-height:38px"
+} : {
+  name: "tkp1bc",
+  styles: "align-self:flex-end;line-height:38px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RhdGVwaWNrZXJSYW5nZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXNDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RhdGVwaWNrZXJSYW5nZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgYFxuXG5leHBvcnQgY29uc3QgSW5wdXQgPSBzdHlsZWQuZGl2YGBcblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gYFxuXG5leHBvcnQgY29uc3QgRGl2aWRlckxpbmUgPSBzdHlsZWQuc3BhbmBcbiAgYWxpZ24tc2VsZjogZmxleC1lbmQ7XG4gIC8vIEhlaWdodCBvZiBpbnB1dCBlbGVtZW50c1xuICBsaW5lLWhlaWdodDogMzhweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctbGVmdDogMjVweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGNvbG9yOiAkeyhwcm9wczogeyB0aGVtZTogSUFwcFRoZW1lIH0pID0+IHByb3BzLnRoZW1lLmFsZXJ0fTtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgd3JhcHBlcjogKG1heFdpZHRoOiBudW1iZXIsIG1pbldpZHRoOiBudW1iZXIpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1heC13aWR0aDogJHttYXhXaWR0aH1weDtcbiAgICBtaW4td2lkdGg6ICR7bWluV2lkdGh9cHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZmxleC13cmFwOiBub3dyYXA7XG4gICAgZ2FwOiAwLjVlbTtcbiAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gIGAsXG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IG1pbi1jb250ZW50O1xuXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIH1cblxuICAgICYgPiBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgbGluZS1oZWlnaHQ6IDIycHg7XG4gICAgICBmb250LXNpemU6IDFlbTtcbiAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gICAgfVxuXG4gICAgaW5wdXQge1xuICAgICAgaGVpZ2h0OiAzNnB4O1xuICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtIDIwcHggLSAycHgpO1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgbGluZS1oZWlnaHQ6IDIwcHg7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJvcmRlcn07XG4gICAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICBwYWRkaW5nOiAwIDEwcHg7XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG4gICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgLkRheVBpY2tlci1EYXkge1xuICAgICAgbGluZS1oZWlnaHQ6IDFlbTtcbiAgICB9XG4gICAgLkRheVBpY2tlci1EYXktLXRvZGF5IHtcbiAgICAgIGNvbG9yOiBibGFjaztcbiAgICB9XG4gICAgLkRheVBpY2tlci1EYXktLXNlbGVjdGVkOm5vdCguRGF5UGlja2VyLURheS0tZGlzYWJsZWQpOm5vdCguRGF5UGlja2VyLURheS0tb3V0c2lkZSkge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3J9O1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDM3OXB4KSB7XG4gICAgICAuRGF5UGlja2VyLU5hdkJ1dHRvbiB7XG4gICAgICAgIHJpZ2h0OiAwZW07XG4gICAgICB9XG4gICAgfVxuICBgLFxuICB2YWxpZGF0aW9uOiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGlucHV0IHtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAzNXB4IC0gMnB4KTtcbiAgICAgIHBhZGRpbmctcmlnaHQ6IDI1cHg7XG4gICAgfVxuXG4gICAgJiA+IHN2ZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDdweDtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICB9XG4gIGAsXG4gIGludmFsaWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgaW5wdXQge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmFsZXJ0fTtcblxuICAgICAgJjphY3RpdmUsXG4gICAgICAmOmZvY3VzLFxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgc3ZnIHtcbiAgICAgIHBhdGgge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmFsZXJ0fTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmZvY3VzLXdpdGhpbiBzcGFuOm50aC1vZi10eXBlKDIpIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmFsZXJ0fTtcbiAgICB9XG4gIGAsXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const ErrorMessage = _styled("span", process.env.NODE_ENV === "production" ? {
+  target: "ednjubv0"
+} : {
+  target: "ednjubv0",
+  label: "ErrorMessage"
+})("font-size:14px;padding-left:25px;line-height:30px;font-weight:600;margin-bottom:0;color:", props => props.theme.alert, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RhdGVwaWNrZXJSYW5nZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0J1QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9EYXRlcGlja2VyUmFuZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YGBcblxuZXhwb3J0IGNvbnN0IElucHV0ID0gc3R5bGVkLmRpdmBgXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYGBcblxuZXhwb3J0IGNvbnN0IERpdmlkZXJMaW5lID0gc3R5bGVkLnNwYW5gXG4gIGFsaWduLXNlbGY6IGZsZXgtZW5kO1xuICAvLyBIZWlnaHQgb2YgaW5wdXQgZWxlbWVudHNcbiAgbGluZS1oZWlnaHQ6IDM4cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBFcnJvck1lc3NhZ2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1zaXplOiAxNHB4O1xuICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBjb2xvcjogJHsocHJvcHM6IHsgdGhlbWU6IElBcHBUaGVtZSB9KSA9PiBwcm9wcy50aGVtZS5hbGVydH07XG5gXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIHdyYXBwZXI6IChtYXhXaWR0aDogbnVtYmVyLCBtaW5XaWR0aDogbnVtYmVyKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGh9cHg7XG4gICAgbWluLXdpZHRoOiAke21pbldpZHRofXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgIGdhcDogMC41ZW07XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICBgLFxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBtaW4tY29udGVudDtcblxuICAgICY6Zm9jdXMtd2l0aGluIHNwYW46Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICB9XG5cbiAgICAmID4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgICAgZm9udC1zaXplOiAxZW07XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgIH1cblxuICAgIGlucHV0IHtcbiAgICAgIGhlaWdodDogMzZweDtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAyMHB4IC0gMnB4KTtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgcGFkZGluZzogMCAxMHB4O1xuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgfVxuICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZGlzYWJsZWR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIC5EYXlQaWNrZXItRGF5IHtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxZW07XG4gICAgfVxuICAgIC5EYXlQaWNrZXItRGF5LS10b2RheSB7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICAgIC5EYXlQaWNrZXItRGF5LS1zZWxlY3RlZDpub3QoLkRheVBpY2tlci1EYXktLWRpc2FibGVkKTpub3QoLkRheVBpY2tlci1EYXktLW91dHNpZGUpIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0Rm9udENvbG9yfTtcbiAgICB9XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAzNzlweCkge1xuICAgICAgLkRheVBpY2tlci1OYXZCdXR0b24ge1xuICAgICAgICByaWdodDogMGVtO1xuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgdmFsaWRhdGlvbjogY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBpbnB1dCB7XG4gICAgICB3aWR0aDogY2FsYygxMDAlIC0gMzVweCAtIDJweCk7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiAyNXB4O1xuICAgIH1cblxuICAgICYgPiBzdmcge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm90dG9tOiA3cHg7XG4gICAgICBsZWZ0OiAzcHg7XG4gICAgfVxuICBgLFxuICBpbnZhbGlkOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGlucHV0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG5cbiAgICAgICY6YWN0aXZlLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHN2ZyB7XG4gICAgICBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbjpudGgtb2YtdHlwZSgyKSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5hbGVydH07XG4gICAgfVxuICBgLFxufVxuIl19 */"));
+export const styles = {
+  wrapper: (maxWidth, minWidth) => /*#__PURE__*/css("display:flex;max-width:", maxWidth, "px;min-width:", minWidth, "px;width:100%;flex-wrap:nowrap;gap:0.5em;align-items:flex-end;" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RhdGVwaWNrZXJSYW5nZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJzRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9EYXRlcGlja2VyUmFuZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YGBcblxuZXhwb3J0IGNvbnN0IElucHV0ID0gc3R5bGVkLmRpdmBgXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYGBcblxuZXhwb3J0IGNvbnN0IERpdmlkZXJMaW5lID0gc3R5bGVkLnNwYW5gXG4gIGFsaWduLXNlbGY6IGZsZXgtZW5kO1xuICAvLyBIZWlnaHQgb2YgaW5wdXQgZWxlbWVudHNcbiAgbGluZS1oZWlnaHQ6IDM4cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBFcnJvck1lc3NhZ2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1zaXplOiAxNHB4O1xuICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBjb2xvcjogJHsocHJvcHM6IHsgdGhlbWU6IElBcHBUaGVtZSB9KSA9PiBwcm9wcy50aGVtZS5hbGVydH07XG5gXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIHdyYXBwZXI6IChtYXhXaWR0aDogbnVtYmVyLCBtaW5XaWR0aDogbnVtYmVyKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGh9cHg7XG4gICAgbWluLXdpZHRoOiAke21pbldpZHRofXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgIGdhcDogMC41ZW07XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICBgLFxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBtaW4tY29udGVudDtcblxuICAgICY6Zm9jdXMtd2l0aGluIHNwYW46Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICB9XG5cbiAgICAmID4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgICAgZm9udC1zaXplOiAxZW07XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgIH1cblxuICAgIGlucHV0IHtcbiAgICAgIGhlaWdodDogMzZweDtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAyMHB4IC0gMnB4KTtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgcGFkZGluZzogMCAxMHB4O1xuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgfVxuICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZGlzYWJsZWR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIC5EYXlQaWNrZXItRGF5IHtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxZW07XG4gICAgfVxuICAgIC5EYXlQaWNrZXItRGF5LS10b2RheSB7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICAgIC5EYXlQaWNrZXItRGF5LS1zZWxlY3RlZDpub3QoLkRheVBpY2tlci1EYXktLWRpc2FibGVkKTpub3QoLkRheVBpY2tlci1EYXktLW91dHNpZGUpIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0Rm9udENvbG9yfTtcbiAgICB9XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAzNzlweCkge1xuICAgICAgLkRheVBpY2tlci1OYXZCdXR0b24ge1xuICAgICAgICByaWdodDogMGVtO1xuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgdmFsaWRhdGlvbjogY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBpbnB1dCB7XG4gICAgICB3aWR0aDogY2FsYygxMDAlIC0gMzVweCAtIDJweCk7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiAyNXB4O1xuICAgIH1cblxuICAgICYgPiBzdmcge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm90dG9tOiA3cHg7XG4gICAgICBsZWZ0OiAzcHg7XG4gICAgfVxuICBgLFxuICBpbnZhbGlkOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGlucHV0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG5cbiAgICAgICY6YWN0aXZlLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHN2ZyB7XG4gICAgICBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbjpudGgtb2YtdHlwZSgyKSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5hbGVydH07XG4gICAgfVxuICBgLFxufVxuIl19 */"),
+  default: theme => /*#__PURE__*/css("display:grid;grid-template-rows:min-content;&:focus-within span:first-of-type{color:", theme.primary, ";}&>span:first-of-type{line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px;}input{height:36px;width:calc(100% - 20px - 2px);font-size:16px;line-height:20px;outline:none;border-color:", theme.border, ";border-width:1px;border-radius:5px;border-style:solid;padding:0 10px;&:focus{border-color:", theme.primary, ";}&:disabled{background-color:", theme.disabled, ";}}.DayPicker-Day{line-height:1em;}.DayPicker-Day--today{color:black;}.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside){background-color:", theme.btnDefault, ";color:", theme.btnDefaultFontColor, ";}@media screen and (max-width: 379px){.DayPicker-NavButton{right:0em;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RhdGVwaWNrZXJSYW5nZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNvQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9EYXRlcGlja2VyUmFuZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YGBcblxuZXhwb3J0IGNvbnN0IElucHV0ID0gc3R5bGVkLmRpdmBgXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYGBcblxuZXhwb3J0IGNvbnN0IERpdmlkZXJMaW5lID0gc3R5bGVkLnNwYW5gXG4gIGFsaWduLXNlbGY6IGZsZXgtZW5kO1xuICAvLyBIZWlnaHQgb2YgaW5wdXQgZWxlbWVudHNcbiAgbGluZS1oZWlnaHQ6IDM4cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBFcnJvck1lc3NhZ2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1zaXplOiAxNHB4O1xuICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBjb2xvcjogJHsocHJvcHM6IHsgdGhlbWU6IElBcHBUaGVtZSB9KSA9PiBwcm9wcy50aGVtZS5hbGVydH07XG5gXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIHdyYXBwZXI6IChtYXhXaWR0aDogbnVtYmVyLCBtaW5XaWR0aDogbnVtYmVyKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGh9cHg7XG4gICAgbWluLXdpZHRoOiAke21pbldpZHRofXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgIGdhcDogMC41ZW07XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICBgLFxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBtaW4tY29udGVudDtcblxuICAgICY6Zm9jdXMtd2l0aGluIHNwYW46Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICB9XG5cbiAgICAmID4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgICAgZm9udC1zaXplOiAxZW07XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgIH1cblxuICAgIGlucHV0IHtcbiAgICAgIGhlaWdodDogMzZweDtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAyMHB4IC0gMnB4KTtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgcGFkZGluZzogMCAxMHB4O1xuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgfVxuICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZGlzYWJsZWR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIC5EYXlQaWNrZXItRGF5IHtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxZW07XG4gICAgfVxuICAgIC5EYXlQaWNrZXItRGF5LS10b2RheSB7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICAgIC5EYXlQaWNrZXItRGF5LS1zZWxlY3RlZDpub3QoLkRheVBpY2tlci1EYXktLWRpc2FibGVkKTpub3QoLkRheVBpY2tlci1EYXktLW91dHNpZGUpIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0Rm9udENvbG9yfTtcbiAgICB9XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAzNzlweCkge1xuICAgICAgLkRheVBpY2tlci1OYXZCdXR0b24ge1xuICAgICAgICByaWdodDogMGVtO1xuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgdmFsaWRhdGlvbjogY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBpbnB1dCB7XG4gICAgICB3aWR0aDogY2FsYygxMDAlIC0gMzVweCAtIDJweCk7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiAyNXB4O1xuICAgIH1cblxuICAgICYgPiBzdmcge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm90dG9tOiA3cHg7XG4gICAgICBsZWZ0OiAzcHg7XG4gICAgfVxuICBgLFxuICBpbnZhbGlkOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGlucHV0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG5cbiAgICAgICY6YWN0aXZlLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHN2ZyB7XG4gICAgICBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbjpudGgtb2YtdHlwZSgyKSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5hbGVydH07XG4gICAgfVxuICBgLFxufVxuIl19 */"),
+  validation: process.env.NODE_ENV === "production" ? {
+    name: "1rpxddf",
+    styles: "position:relative;input{width:calc(100% - 35px - 2px);padding-right:25px;}&>svg{position:absolute;bottom:7px;left:3px;}"
+  } : {
+    name: "pkii3w-validation",
+    styles: "position:relative;input{width:calc(100% - 35px - 2px);padding-right:25px;}&>svg{position:absolute;bottom:7px;left:3px;};label:validation;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RhdGVwaWNrZXJSYW5nZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUZpQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9EYXRlcGlja2VyUmFuZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YGBcblxuZXhwb3J0IGNvbnN0IElucHV0ID0gc3R5bGVkLmRpdmBgXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYGBcblxuZXhwb3J0IGNvbnN0IERpdmlkZXJMaW5lID0gc3R5bGVkLnNwYW5gXG4gIGFsaWduLXNlbGY6IGZsZXgtZW5kO1xuICAvLyBIZWlnaHQgb2YgaW5wdXQgZWxlbWVudHNcbiAgbGluZS1oZWlnaHQ6IDM4cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBFcnJvck1lc3NhZ2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1zaXplOiAxNHB4O1xuICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBjb2xvcjogJHsocHJvcHM6IHsgdGhlbWU6IElBcHBUaGVtZSB9KSA9PiBwcm9wcy50aGVtZS5hbGVydH07XG5gXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIHdyYXBwZXI6IChtYXhXaWR0aDogbnVtYmVyLCBtaW5XaWR0aDogbnVtYmVyKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGh9cHg7XG4gICAgbWluLXdpZHRoOiAke21pbldpZHRofXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgIGdhcDogMC41ZW07XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICBgLFxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBtaW4tY29udGVudDtcblxuICAgICY6Zm9jdXMtd2l0aGluIHNwYW46Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICB9XG5cbiAgICAmID4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgICAgZm9udC1zaXplOiAxZW07XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgIH1cblxuICAgIGlucHV0IHtcbiAgICAgIGhlaWdodDogMzZweDtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAyMHB4IC0gMnB4KTtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgcGFkZGluZzogMCAxMHB4O1xuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgfVxuICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZGlzYWJsZWR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIC5EYXlQaWNrZXItRGF5IHtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxZW07XG4gICAgfVxuICAgIC5EYXlQaWNrZXItRGF5LS10b2RheSB7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICAgIC5EYXlQaWNrZXItRGF5LS1zZWxlY3RlZDpub3QoLkRheVBpY2tlci1EYXktLWRpc2FibGVkKTpub3QoLkRheVBpY2tlci1EYXktLW91dHNpZGUpIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0Rm9udENvbG9yfTtcbiAgICB9XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAzNzlweCkge1xuICAgICAgLkRheVBpY2tlci1OYXZCdXR0b24ge1xuICAgICAgICByaWdodDogMGVtO1xuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgdmFsaWRhdGlvbjogY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBpbnB1dCB7XG4gICAgICB3aWR0aDogY2FsYygxMDAlIC0gMzVweCAtIDJweCk7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiAyNXB4O1xuICAgIH1cblxuICAgICYgPiBzdmcge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm90dG9tOiA3cHg7XG4gICAgICBsZWZ0OiAzcHg7XG4gICAgfVxuICBgLFxuICBpbnZhbGlkOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGlucHV0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG5cbiAgICAgICY6YWN0aXZlLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHN2ZyB7XG4gICAgICBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbjpudGgtb2YtdHlwZSgyKSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5hbGVydH07XG4gICAgfVxuICBgLFxufVxuIl19 */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  },
+  invalid: theme => /*#__PURE__*/css("input{border-color:", theme.alert, ";&:active,&:focus,&:hover{border-color:", theme.alert, ";}}svg{path{fill:", theme.alert, ";}}&:focus-within span:nth-of-type(2){color:", theme.alert, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:invalid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RhdGVwaWNrZXJSYW5nZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0dvQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9EYXRlcGlja2VyUmFuZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YGBcblxuZXhwb3J0IGNvbnN0IElucHV0ID0gc3R5bGVkLmRpdmBgXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYGBcblxuZXhwb3J0IGNvbnN0IERpdmlkZXJMaW5lID0gc3R5bGVkLnNwYW5gXG4gIGFsaWduLXNlbGY6IGZsZXgtZW5kO1xuICAvLyBIZWlnaHQgb2YgaW5wdXQgZWxlbWVudHNcbiAgbGluZS1oZWlnaHQ6IDM4cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBFcnJvck1lc3NhZ2UgPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1zaXplOiAxNHB4O1xuICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBjb2xvcjogJHsocHJvcHM6IHsgdGhlbWU6IElBcHBUaGVtZSB9KSA9PiBwcm9wcy50aGVtZS5hbGVydH07XG5gXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIHdyYXBwZXI6IChtYXhXaWR0aDogbnVtYmVyLCBtaW5XaWR0aDogbnVtYmVyKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtYXgtd2lkdGg6ICR7bWF4V2lkdGh9cHg7XG4gICAgbWluLXdpZHRoOiAke21pbldpZHRofXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgIGdhcDogMC41ZW07XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICBgLFxuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBtaW4tY29udGVudDtcblxuICAgICY6Zm9jdXMtd2l0aGluIHNwYW46Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICB9XG5cbiAgICAmID4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgICAgZm9udC1zaXplOiAxZW07XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgIH1cblxuICAgIGlucHV0IHtcbiAgICAgIGhlaWdodDogMzZweDtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAyMHB4IC0gMnB4KTtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgcGFkZGluZzogMCAxMHB4O1xuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgfVxuICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZGlzYWJsZWR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIC5EYXlQaWNrZXItRGF5IHtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxZW07XG4gICAgfVxuICAgIC5EYXlQaWNrZXItRGF5LS10b2RheSB7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICAgIC5EYXlQaWNrZXItRGF5LS1zZWxlY3RlZDpub3QoLkRheVBpY2tlci1EYXktLWRpc2FibGVkKTpub3QoLkRheVBpY2tlci1EYXktLW91dHNpZGUpIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0Rm9udENvbG9yfTtcbiAgICB9XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAzNzlweCkge1xuICAgICAgLkRheVBpY2tlci1OYXZCdXR0b24ge1xuICAgICAgICByaWdodDogMGVtO1xuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgdmFsaWRhdGlvbjogY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBpbnB1dCB7XG4gICAgICB3aWR0aDogY2FsYygxMDAlIC0gMzVweCAtIDJweCk7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiAyNXB4O1xuICAgIH1cblxuICAgICYgPiBzdmcge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm90dG9tOiA3cHg7XG4gICAgICBsZWZ0OiAzcHg7XG4gICAgfVxuICBgLFxuICBpbnZhbGlkOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGlucHV0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG5cbiAgICAgICY6YWN0aXZlLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHN2ZyB7XG4gICAgICBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbjpudGgtb2YtdHlwZSgyKSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5hbGVydH07XG4gICAgfVxuICBgLFxufVxuIl19 */")
+};

package/esm/index.js

@@ -204,6 +204,7 @@ import IconPlusAlt from './icons/General/IconPlusAlt';
 import IconPhone from './icons/General/IconPhone';
 import FileInput from './core/FileInput';
 import Datepicker from './core/Datepicker';
+import DatepickerRange from './core/DatepickerRange';
 import Submenu from './layout/Submenu';
 import SubmenuItem from './layout/Submenu/SubmenuItem';
 import Layout from './layout/Layout';
@@ -284,4 +285,4 @@ import IconFullscreenOpen from './icons/General/IconFullscreenOpen';
 import IconFullscreenClose from './icons/General/IconFullscreenClose';
 import GoogleButton from './core/GoogleButton';
 import NotificationCounter from './core/NotificationCounter';
-export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Image, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, Option, UserMenu, UserMenuOption, Modal, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, SimpleLineChart, BarAndLineComposedChart, BarChartWithCustomizedEvent, IconApartment, IconArchives, IconArea, IconChoice, IconReply, IconReplyAll, IconForward, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDelete, IconDoor, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileAdd, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHumans, IconImportantComment, IconInbox, IconLabel, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconTrain, IconTram, IconPrint, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconUserThin, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, IconBblFlame, IconBblWater, IconBblShield, IconFullscreenOpen, IconFullscreenClose, IconGmail, IconOffice365, useIsMobile, useScreenOrientation, getDomainFromUrl, getFormatedPhone, getUrlWithProtocol, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getDateIsValid, getReducedArray, getFormattedAccountNumber, getFormattedOrganizationNumber, isValidAccountNumber, getFormattedCardNumber, getFormattedTime, alpha, getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex, getFormattedDateTimePretty, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, Timepicker, TimelineStep, HighlightText, TabBar, TabItem, Editor, TabNav, TabNavItem, NoticeCard, ListPager, Spinner, Autocomplete, GoogleButton, NotificationCounter };
+export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Image, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, Option, UserMenu, UserMenuOption, Modal, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, DatepickerRange, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, SimpleLineChart, BarAndLineComposedChart, BarChartWithCustomizedEvent, IconApartment, IconArchives, IconArea, IconChoice, IconReply, IconReplyAll, IconForward, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDelete, IconDoor, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileAdd, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHumans, IconImportantComment, IconInbox, IconLabel, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconTrain, IconTram, IconPrint, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconUserThin, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, IconBblFlame, IconBblWater, IconBblShield, IconFullscreenOpen, IconFullscreenClose, IconGmail, IconOffice365, useIsMobile, useScreenOrientation, getDomainFromUrl, getFormatedPhone, getUrlWithProtocol, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getDateIsValid, getReducedArray, getFormattedAccountNumber, getFormattedOrganizationNumber, isValidAccountNumber, getFormattedCardNumber, getFormattedTime, alpha, getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex, getFormattedDateTimePretty, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, Timepicker, TimelineStep, HighlightText, TabBar, TabItem, Editor, TabNav, TabNavItem, NoticeCard, ListPager, Spinner, Autocomplete, GoogleButton, NotificationCounter };

package/lib/core/DatepickerRange/index.d.ts

@@ -0,0 +1,52 @@
+/** @jsxImportSource @emotion/react */
+/// <reference types="react" />
+import { SerializedStyles } from '@emotion/react';
+interface IProps {
+    /** Adds label to input */
+    label?: {
+        to?: string;
+        from?: string;
+    };
+    /** Give the input a value */
+    value?: {
+        to?: Date;
+        from?: Date;
+    };
+    /** Validation on input */
+    validation?: boolean;
+    /** Invalid message */
+    invalidMessage?: {
+        to?: string;
+        from?: string;
+    };
+    /** Maximum allowed date */
+    maxDate?: Date;
+    /** Disables input */
+    disabled?: {
+        to?: boolean;
+        from?: boolean;
+    };
+    /** Adds title if disabled */
+    disabledTitle?: {
+        to?: string;
+        from?: string;
+    };
+    /** With month and year selects, defaults to true */
+    withYearMonthForm?: boolean;
+    /** On change callback, returns date */
+    onChange: (value: {
+        to?: Date;
+        from?: Date;
+    }) => void;
+    /** Callback fired on blur. */
+    onBlur?: () => void;
+    /** Override CSS by SerializedStyles */
+    css?: SerializedStyles;
+    /** Max width of inputs, defaults to 550px */
+    maxWidth?: number;
+    /** Min width of inputs, defaults to 400px */
+    minWidth?: number;
+}
+declare const DatePickerRange: React.FC<IProps>;
+export default DatePickerRange;
+//# sourceMappingURL=index.d.ts.map

package/lib/core/DatepickerRange/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DatepickerRange/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAwBjD,UAAU,MAAM;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtC,6BAA6B;IAC7B,KAAK,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,IAAI,CAAC;QAAC,IAAI,CAAC,EAAE,IAAI,CAAA;KAAE,CAAA;IAClC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/C,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;IAC3C,6BAA6B;IAC7B,aAAa,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,EAAE,CAAC,EAAE,IAAI,CAAC;QAAC,IAAI,CAAC,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAA;IACrD,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,uCAAuC;IACvC,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAID,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAyKrC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/core/DatepickerRange/index.js

@@ -0,0 +1,171 @@
+/** @jsxImportSource @emotion/react */
+import FocusTrap from 'focus-trap-react';
+import { useRef, useState, useEffect, useMemo } from 'react';
+import DayPickerInput from 'react-day-picker/DayPickerInput';
+import { useIsMobile } from '../..';
+import IconErrorOutline from '../../icons/General/IconErrorOutline';
+import { formatDate, MONTHS, parseDate, WEEKDAYS_LONG, WEEKDAYS_SHORT } from '../../utils/dates';
+import YearMonthForm from '../Datepicker/yearMonthForm';
+import { Input, Wrapper, styles, Label, ErrorMessage, DividerLine } from './styles';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const FORMAT = 'dd.MM.yyyy';
+
+const DatePickerRange = ({
+  value,
+  label,
+  invalidMessage,
+  validation,
+  maxDate,
+  disabled,
+  disabledTitle,
+  withYearMonthForm = true,
+  onChange,
+  onBlur,
+  css,
+  maxWidth = 550,
+  minWidth = 400
+}) => {
+  const isMobile = useIsMobile();
+  const fromPickerRef = useRef(null);
+  const toPickerRef = useRef(null);
+  const currentYear = new Date().getFullYear();
+  const minDateAvailable = new Date(currentYear - 100, 0);
+  const maxDateAvailable = maxDate ? new Date(maxDate) : new Date(currentYear, 11, 31);
+  const [dates, setDates] = useState({
+    to: undefined,
+    from: undefined
+  });
+
+  const showFromMonth = () => {
+    if (!dates.from) return;
+    const toMonth = dates.from.getMonth() + 1;
+    const fromMonth = dates.from.getMonth() + 1;
+
+    if (fromMonth - toMonth < 2) {
+      toPickerRef.current?.getDayPicker().showMonth(dates.from);
+    }
+  };
+
+  useEffect(() => {
+    if (isMobile && fromPickerRef) fromPickerRef.current.input.readOnly = true;
+  }, [isMobile, fromPickerRef]);
+  useEffect(() => {
+    if (isMobile && toPickerRef) toPickerRef.current.input.readOnly = true;
+  }, [isMobile, toPickerRef]);
+  const modifiers = useMemo(() => ({
+    start: dates.from,
+    end: dates.to
+  }), [dates.from, dates.to]);
+
+  const pickerPropsDefault = key => ({
+    locale: 'no',
+    months: MONTHS,
+    weekdaysLong: WEEKDAYS_LONG,
+    weekdaysShort: WEEKDAYS_SHORT,
+    firstDayOfWeek: 1,
+    captionElement: withYearMonthForm ? _jsx(YearMonthForm, {
+      date: dates[key] || new Date(),
+      fromDate: minDateAvailable,
+      toDate: maxDateAvailable,
+      onChange: e => {
+        setDates(prev => ({ ...prev,
+          [key]: e
+        }));
+        showFromMonth();
+      }
+    }) : undefined,
+    // custom
+    modifiers,
+    numberOfMonths: 2,
+    selectedDays: [dates.from, {
+      from: dates.from,
+      to: dates.to
+    }]
+  });
+
+  const handleChange = key => date => {
+    setDates(prev => ({ ...prev,
+      [key]: date
+    }));
+    onChange({ ...dates,
+      [key]: date
+    });
+  };
+
+  return _jsx(FocusTrap, {
+    active: true,
+    focusTrapOptions: {
+      initialFocus: false,
+      allowOutsideClick: true,
+      clickOutsideDeactivates: true
+    },
+    children: _jsxs(Wrapper, {
+      css: () => [styles.wrapper(maxWidth, minWidth), css && css],
+      children: [_jsxs(Input, {
+        title: disabled?.from && disabledTitle?.from ? disabledTitle?.from : undefined,
+        css: theme => [styles.default(theme), validation && styles.validation, invalidMessage && styles.invalid(theme)],
+        children: [label?.from && _jsx(Label, {
+          children: label.from
+        }), _jsx(DayPickerInput, {
+          ref: fromPickerRef,
+          keepFocus: false,
+          format: FORMAT,
+          formatDate: formatDate,
+          parseDate: (date, format, locale) => parseDate(date, format, locale, undefined, maxDateAvailable),
+          onDayChange: handleChange('from'),
+          dayPickerProps: { ...pickerPropsDefault('from'),
+            disabledDays: {
+              after: dates.to
+            },
+            toMonth: dates.to,
+            onDayClick: () => toPickerRef.current?.getInput().focus()
+          },
+          placeholder: 'dd.mm.åååå',
+          onDayPickerHide: onBlur,
+          value: value?.from,
+          inputProps: {
+            disabled: disabled?.from
+          }
+        }), invalidMessage?.from && _jsx(IconErrorOutline, {
+          size: "16px"
+        }), invalidMessage && _jsx(ErrorMessage, {
+          children: invalidMessage.from
+        })]
+      }), _jsx(DividerLine, {
+        children: "-"
+      }), _jsxs(Input, {
+        css: theme => [styles.default(theme), validation && styles.validation, invalidMessage && styles.invalid(theme)],
+        title: disabled?.to && disabledTitle?.to ? disabledTitle.to : undefined,
+        children: [label?.to && _jsx(Label, {
+          children: label.to
+        }), _jsx(DayPickerInput, {
+          ref: toPickerRef,
+          format: FORMAT,
+          formatDate: formatDate,
+          parseDate: (date, format, locale) => parseDate(date, format, locale, undefined, maxDate),
+          onDayChange: handleChange('to'),
+          dayPickerProps: { ...pickerPropsDefault('to'),
+            disabledDays: {
+              before: dates.from
+            },
+            month: dates.from,
+            fromMonth: dates.from
+          },
+          placeholder: 'dd.mm.åååå',
+          onDayPickerHide: onBlur,
+          value: value?.to,
+          inputProps: {
+            disabled: disabled?.to
+          }
+        }), invalidMessage?.to && _jsx(IconErrorOutline, {
+          size: "16px"
+        }), invalidMessage && _jsx(ErrorMessage, {
+          children: invalidMessage?.to
+        })]
+      })]
+    })
+  });
+};
+
+export default DatePickerRange;

package/lib/core/DatepickerRange/styles.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { IAppTheme } from '../../app-shell/theme';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Input: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const DividerLine: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ErrorMessage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const styles: {
+    wrapper: (maxWidth: number, minWidth: number) => import("@emotion/react").SerializedStyles;
+    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    validation: import("@emotion/react").SerializedStyles;
+    invalid: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/core/DatepickerRange/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DatepickerRange/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,eAAO,MAAM,OAAO;;;yGAAe,CAAA;AAEnC,eAAO,MAAM,KAAK;;;yGAAe,CAAA;AAEjC,eAAO,MAAM,KAAK;;;2GAAgB,CAAA;AAElC,eAAO,MAAM,WAAW;;;2GAIvB,CAAA;AAED,eAAO,MAAM,YAAY;;;2GAOxB,CAAA;AAED,eAAO,MAAM,MAAM;wBACG,MAAM,YAAY,MAAM;qBAS3B,SAAS;;qBAiET,SAAS;CAqB3B,CAAA"}