@wordpress/components 19.11.0 → 19.14.0

package/build-module/date-time/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/index.tsx"],"names":["noop","useState","forwardRef","__","_x","Button","default","DatePicker","TimePicker","UnforwardedDateTimePicker","ref","currentDate","is12Hour","isInvalidDate","onMonthPreviewed","onChange","events","calendarHelpIsVisible","setCalendarHelpIsVisible","onClickDescriptionToggle","DateTimePicker"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\n// Needed to initialise the default datepicker styles.\n// See: https://github.com/airbnb/react-dates#initialize\nimport 'react-dates/initialize';\nimport { noop } from 'lodash';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useState, forwardRef } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { default as DatePicker } from './date';\nimport { default as TimePicker } from './time';\nimport type { DateTimePickerProps } from './types';\n\nexport { DatePicker, TimePicker };\n\nfunction UnforwardedDateTimePicker(\n\t{\n\t\tcurrentDate,\n\t\tis12Hour,\n\t\tisInvalidDate,\n\t\tonMonthPreviewed = noop,\n\t\tonChange,\n\t\tevents,\n\t}: DateTimePickerProps,\n\tref: ForwardedRef< any >\n) {\n\tconst [ calendarHelpIsVisible, setCalendarHelpIsVisible ] = useState(\n\t\tfalse\n\t);\n\n\tfunction onClickDescriptionToggle() {\n\t\tsetCalendarHelpIsVisible( ! calendarHelpIsVisible );\n\t}\n\n\treturn (\n\t\t<div ref={ ref } className=\"components-datetime\">\n\t\t\t{ ! calendarHelpIsVisible && (\n\t\t\t\t<>\n\t\t\t\t\t<TimePicker\n\t\t\t\t\t\tcurrentTime={ currentDate }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tis12Hour={ is12Hour }\n\t\t\t\t\t/>\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tcurrentDate={ currentDate }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tisInvalidDate={ isInvalidDate }\n\t\t\t\t\t\tevents={ events }\n\t\t\t\t\t\tonMonthPreviewed={ onMonthPreviewed }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ calendarHelpIsVisible && (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"components-datetime__calendar-help\">\n\t\t\t\t\t\t<h4>{ __( 'Click to Select' ) }</h4>\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Click the right or left arrows to select other months in the past or the future.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t{ __( 'Click the desired day to select it.' ) }\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t<h4>{ __( 'Navigating with a keyboard' ) }</h4>\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<abbr\n\t\t\t\t\t\t\t\t\taria-label={ _x(\n\t\t\t\t\t\t\t\t\t\t'Enter',\n\t\t\t\t\t\t\t\t\t\t'keyboard button'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t↵\n\t\t\t\t\t\t\t\t</abbr>\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t' ' /* JSX removes whitespace, but a space is required for screen readers. */\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t{ __( 'Select the date in focus.' ) }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<abbr\n\t\t\t\t\t\t\t\t\taria-label={ __( 'Left and Right Arrows' ) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t←/→\n\t\t\t\t\t\t\t\t</abbr>\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t' ' /* JSX removes whitespace, but a space is required for screen readers. */\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Move backward (left) or forward (right) by one day.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<abbr aria-label={ __( 'Up and Down Arrows' ) }>\n\t\t\t\t\t\t\t\t\t↑/↓\n\t\t\t\t\t\t\t\t</abbr>\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t' ' /* JSX removes whitespace, but a space is required for screen readers. */\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Move backward (up) or forward (down) by one week.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<abbr\n\t\t\t\t\t\t\t\t\taria-label={ __( 'Page Up and Page Down' ) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'PgUp/PgDn' ) }\n\t\t\t\t\t\t\t\t</abbr>\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t' ' /* JSX removes whitespace, but a space is required for screen readers. */\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Move backward (PgUp) or forward (PgDn) by one month.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<abbr aria-label={ __( 'Home and End' ) }>\n\t\t\t\t\t\t\t\t\t{ /* Translators: Home/End reffer to the 'Home' and 'End' buttons on the keyboard.*/ }\n\t\t\t\t\t\t\t\t\t{ __( 'Home/End' ) }\n\t\t\t\t\t\t\t\t</abbr>\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t' ' /* JSX removes whitespace, but a space is required for screen readers. */\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Go to the first (Home) or last (End) day of a week.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<div className=\"components-datetime__buttons\">\n\t\t\t\t{ ! calendarHelpIsVisible && currentDate && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"components-datetime__date-reset-button\"\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ () => onChange?.( null ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"components-datetime__date-help-toggle\"\n\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\tonClick={ onClickDescriptionToggle }\n\t\t\t\t>\n\t\t\t\t\t{ calendarHelpIsVisible\n\t\t\t\t\t\t? __( 'Close' )\n\t\t\t\t\t\t: __( 'Calendar Help' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\n/**\n * DateTimePicker is a React component that renders a calendar and clock for\n * date and time selection. The calendar and clock components can be accessed\n * individually using the `DatePicker` and `TimePicker` components respectively.\n *\n * ```jsx\n * import { DateTimePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDateTimePicker = () => {\n *   const [ date, setDate ] = useState( new Date() );\n *\n *   return (\n *     <DateTimePicker\n *       currentDate={ date }\n *       onChange={ ( newDate ) => setDate( newDate ) }\n *       is12Hour\n *     />\n *   );\n * };\n * ```\n */\nexport const DateTimePicker = forwardRef( UnforwardedDateTimePicker );\n\nexport default DateTimePicker;\n"]}
+{"version":3,"sources":["@wordpress/components/src/date-time/index.ts"],"names":["default","DatePicker","TimePicker","DateTimePicker"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,UAApB,QAAsC,QAAtC;AACA,SAASD,OAAO,IAAIE,UAApB,QAAsC,QAAtC;AACA,SAASF,OAAO,IAAIG,cAApB,QAA0C,aAA1C;AAEA,SAASF,UAAT,EAAqBC,UAArB;AACA,eAAeC,cAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport { default as DatePicker } from './date';\nimport { default as TimePicker } from './time';\nimport { default as DateTimePicker } from './date-time';\n\nexport { DatePicker, TimePicker };\nexport default DateTimePicker;\n"]}

package/build-module/date-time/time/index.js

@@ -0,0 +1,302 @@
+import { createElement, Fragment } from "@wordpress/element";
+
+/**
+ * External dependencies
+ */
+import moment from 'moment';
+/**
+ * WordPress dependencies
+ */
+
+import { useState, useMemo, useEffect } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+/**
+ * Internal dependencies
+ */
+
+import Button from '../../button';
+import ButtonGroup from '../../button-group';
+import TimeZone from './timezone';
+import { Wrapper, Fieldset, Legend, HoursInput, TimeSeparator, MinutesInput, MonthSelectWrapper, MonthSelect, DayInput, YearInput, TimeWrapper } from './styles';
+import { HStack } from '../../h-stack';
+import { Spacer } from '../../spacer';
+import { COMMIT, PRESS_DOWN, PRESS_UP } from '../../input-control/reducer/actions';
+const TIMEZONELESS_FORMAT = 'YYYY-MM-DDTHH:mm:ss';
+
+function from12hTo24h(hours, isPm) {
+  return isPm ? (hours % 12 + 12) % 24 : hours % 12;
+}
+/**
+ * Creates an InputControl reducer used to pad an input so that it is always a
+ * given width. For example, the hours and minutes inputs are padded to 2 so
+ * that '4' appears as '04'.
+ *
+ * @param  pad How many digits the value should be.
+ */
+
+
+function buildPadInputStateReducer(pad) {
+  return (state, action) => {
+    const nextState = { ...state
+    };
+
+    if (action.type === COMMIT || action.type === PRESS_UP || action.type === PRESS_DOWN) {
+      if (nextState.value !== undefined) {
+        nextState.value = nextState.value.toString().padStart(pad, '0');
+      }
+    }
+
+    return nextState;
+  };
+}
+/**
+ * TimePicker is a React component that renders a clock for time selection.
+ *
+ * ```jsx
+ * import { TimePicker } from '@wordpress/components';
+ * import { useState } from '@wordpress/element';
+ *
+ * const MyTimePicker = () => {
+ *   const [ time, setTime ] = useState( new Date() );
+ *
+ *   return (
+ *     <TimePicker
+ *       currentTime={ date }
+ *       onChange={ ( newTime ) => setTime( newTime ) }
+ *       is12Hour
+ *     />
+ *   );
+ * };
+ * ```
+ */
+
+
+export function TimePicker(_ref) {
+  let {
+    is12Hour,
+    currentTime,
+    onChange
+  } = _ref;
+  const [date, setDate] = useState(() => // Truncate the date at the minutes, see: #15495.
+  currentTime ? moment(currentTime).startOf('minutes') : moment()); // Reset the state when currentTime changed.
+
+  useEffect(() => {
+    setDate(currentTime ? moment(currentTime).startOf('minutes') : moment());
+  }, [currentTime]);
+  const {
+    day,
+    month,
+    year,
+    minutes,
+    hours,
+    am
+  } = useMemo(() => ({
+    day: date.format('DD'),
+    month: date.format('MM'),
+    year: date.format('YYYY'),
+    minutes: date.format('mm'),
+    hours: date.format(is12Hour ? 'hh' : 'HH'),
+    am: Number(date.format('H')) <= 11 ? 'AM' : 'PM'
+  }), [date, is12Hour]);
+
+  const buildNumberControlChangeCallback = method => {
+    const callback = (value, _ref2) => {
+      let {
+        event
+      } = _ref2;
+
+      if (!(event.target instanceof HTMLInputElement)) {
+        return;
+      }
+
+      if (!event.target.validity.valid) {
+        return;
+      } // We can safely assume value is a number if target is valid.
+
+
+      let numberValue = Number(value); // If the 12-hour format is being used and the 'PM' period is
+      // selected, then the incoming value (which ranges 1-12) should be
+      // increased by 12 to match the expected 24-hour format.
+
+      if (method === 'hours' && is12Hour) {
+        numberValue = from12hTo24h(numberValue, am === 'PM');
+      }
+
+      const newDate = date.clone()[method](numberValue);
+      setDate(newDate);
+      onChange === null || onChange === void 0 ? void 0 : onChange(newDate.format(TIMEZONELESS_FORMAT));
+    };
+
+    return callback;
+  };
+
+  function buildAmPmChangeCallback(value) {
+    return () => {
+      if (am === value) {
+        return;
+      }
+
+      const parsedHours = parseInt(hours, 10);
+      const newDate = date.clone().hours(from12hTo24h(parsedHours, value === 'PM'));
+      setDate(newDate);
+      onChange === null || onChange === void 0 ? void 0 : onChange(newDate.format(TIMEZONELESS_FORMAT));
+    };
+  }
+
+  const dayField = createElement(DayInput, {
+    className: "components-datetime__time-field components-datetime__time-field-day" // Unused, for backwards compatibility.
+    ,
+    label: __('Day'),
+    hideLabelFromVision: true,
+    __next36pxDefaultSize: true,
+    value: day,
+    step: 1,
+    min: 1,
+    max: 31,
+    required: true,
+    hideHTMLArrows: true,
+    isPressEnterToChange: true,
+    isDragEnabled: false,
+    isShiftStepEnabled: false,
+    onChange: buildNumberControlChangeCallback('date')
+  });
+  const monthField = createElement(MonthSelectWrapper, null, createElement(MonthSelect, {
+    className: "components-datetime__time-field components-datetime__time-field-month" // Unused, for backwards compatibility.
+    ,
+    label: __('Month'),
+    hideLabelFromVision: true,
+    __nextHasNoMarginBottom: true,
+    value: month,
+    options: [{
+      value: '01',
+      label: __('January')
+    }, {
+      value: '02',
+      label: __('February')
+    }, {
+      value: '03',
+      label: __('March')
+    }, {
+      value: '04',
+      label: __('April')
+    }, {
+      value: '05',
+      label: __('May')
+    }, {
+      value: '06',
+      label: __('June')
+    }, {
+      value: '07',
+      label: __('July')
+    }, {
+      value: '08',
+      label: __('August')
+    }, {
+      value: '09',
+      label: __('September')
+    }, {
+      value: '10',
+      label: __('October')
+    }, {
+      value: '11',
+      label: __('November')
+    }, {
+      value: '12',
+      label: __('December')
+    }],
+    onChange: value => {
+      const newDate = date.clone().month(Number(value) - 1);
+      setDate(newDate);
+      onChange === null || onChange === void 0 ? void 0 : onChange(newDate.format(TIMEZONELESS_FORMAT));
+    }
+  }));
+  return createElement(Wrapper, {
+    className: "components-datetime__time" // Unused, for backwards compatibility.
+
+  }, createElement(Fieldset, null, createElement(Legend, {
+    className: "components-datetime__time-legend" // Unused, for backwards compatibility.
+
+  }, __('Time')), createElement(HStack, {
+    className: "components-datetime__time-wrapper" // Unused, for backwards compatibility.
+
+  }, createElement(TimeWrapper, {
+    className: "components-datetime__time-field components-datetime__time-field-time" // Unused, for backwards compatibility.
+
+  }, createElement(HoursInput, {
+    className: "components-datetime__time-field-hours-input" // Unused, for backwards compatibility.
+    ,
+    label: __('Hours'),
+    hideLabelFromVision: true,
+    __next36pxDefaultSize: true,
+    value: hours,
+    step: 1,
+    min: is12Hour ? 1 : 0,
+    max: is12Hour ? 12 : 23,
+    required: true,
+    hideHTMLArrows: true,
+    isPressEnterToChange: true,
+    isDragEnabled: false,
+    isShiftStepEnabled: false,
+    onChange: buildNumberControlChangeCallback('hours'),
+    __unstableStateReducer: buildPadInputStateReducer(2)
+  }), createElement(TimeSeparator, {
+    className: "components-datetime__time-separator" // Unused, for backwards compatibility.
+    ,
+    "aria-hidden": "true"
+  }, ":"), createElement(MinutesInput, {
+    className: "components-datetime__time-field-minutes-input" // Unused, for backwards compatibility.
+    ,
+    label: __('Minutes'),
+    hideLabelFromVision: true,
+    __next36pxDefaultSize: true,
+    value: minutes,
+    step: 1,
+    min: 0,
+    max: 59,
+    required: true,
+    hideHTMLArrows: true,
+    isPressEnterToChange: true,
+    isDragEnabled: false,
+    isShiftStepEnabled: false,
+    onChange: buildNumberControlChangeCallback('minutes'),
+    __unstableStateReducer: buildPadInputStateReducer(2)
+  })), is12Hour && createElement(ButtonGroup, {
+    className: "components-datetime__time-field components-datetime__time-field-am-pm" // Unused, for backwards compatibility.
+
+  }, createElement(Button, {
+    className: "components-datetime__time-am-button" // Unused, for backwards compatibility.
+    ,
+    variant: am === 'AM' ? 'primary' : 'secondary',
+    onClick: buildAmPmChangeCallback('AM')
+  }, __('AM')), createElement(Button, {
+    className: "components-datetime__time-pm-button" // Unused, for backwards compatibility.
+    ,
+    variant: am === 'PM' ? 'primary' : 'secondary',
+    onClick: buildAmPmChangeCallback('PM')
+  }, __('PM'))), createElement(Spacer, null), createElement(TimeZone, null))), createElement(Fieldset, null, createElement(Legend, {
+    className: "components-datetime__time-legend" // Unused, for backwards compatibility.
+
+  }, __('Date')), createElement(HStack, {
+    className: "components-datetime__time-wrapper" // Unused, for backwards compatibility.
+
+  }, is12Hour ? createElement(Fragment, null, monthField, dayField) : createElement(Fragment, null, dayField, monthField), createElement(YearInput, {
+    className: "components-datetime__time-field components-datetime__time-field-year" // Unused, for backwards compatibility.
+    ,
+    label: __('Year'),
+    hideLabelFromVision: true,
+    __next36pxDefaultSize: true,
+    value: year,
+    step: 1,
+    min: 1,
+    max: 9999,
+    required: true,
+    hideHTMLArrows: true,
+    isPressEnterToChange: true,
+    isDragEnabled: false,
+    isShiftStepEnabled: false,
+    onChange: buildNumberControlChangeCallback('year'),
+    __unstableStateReducer: buildPadInputStateReducer(4)
+  }))));
+}
+export default TimePicker;
+//# sourceMappingURL=index.js.map

package/build-module/date-time/time/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/components/src/date-time/time/index.tsx"],"names":["moment","useState","useMemo","useEffect","__","Button","ButtonGroup","TimeZone","Wrapper","Fieldset","Legend","HoursInput","TimeSeparator","MinutesInput","MonthSelectWrapper","MonthSelect","DayInput","YearInput","TimeWrapper","HStack","Spacer","COMMIT","PRESS_DOWN","PRESS_UP","TIMEZONELESS_FORMAT","from12hTo24h","hours","isPm","buildPadInputStateReducer","pad","state","action","nextState","type","value","undefined","toString","padStart","TimePicker","is12Hour","currentTime","onChange","date","setDate","startOf","day","month","year","minutes","am","format","Number","buildNumberControlChangeCallback","method","callback","event","target","HTMLInputElement","validity","valid","numberValue","newDate","clone","buildAmPmChangeCallback","parsedHours","parseInt","dayField","monthField","label"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport moment from 'moment';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport ButtonGroup from '../../button-group';\nimport TimeZone from './timezone';\nimport type { TimePickerProps } from '../types';\nimport {\n\tWrapper,\n\tFieldset,\n\tLegend,\n\tHoursInput,\n\tTimeSeparator,\n\tMinutesInput,\n\tMonthSelectWrapper,\n\tMonthSelect,\n\tDayInput,\n\tYearInput,\n\tTimeWrapper,\n} from './styles';\nimport { HStack } from '../../h-stack';\nimport { Spacer } from '../../spacer';\nimport type { InputChangeCallback } from '../../input-control/types';\nimport type { InputState } from '../../input-control/reducer/state';\nimport {\n\tCOMMIT,\n\tInputAction,\n\tPRESS_DOWN,\n\tPRESS_UP,\n} from '../../input-control/reducer/actions';\n\nconst TIMEZONELESS_FORMAT = 'YYYY-MM-DDTHH:mm:ss';\n\nfunction from12hTo24h( hours: number, isPm: boolean ) {\n\treturn isPm ? ( ( hours % 12 ) + 12 ) % 24 : hours % 12;\n}\n\n/**\n * Creates an InputControl reducer used to pad an input so that it is always a\n * given width. For example, the hours and minutes inputs are padded to 2 so\n * that '4' appears as '04'.\n *\n * @param  pad How many digits the value should be.\n */\nfunction buildPadInputStateReducer( pad: number ) {\n\treturn ( state: InputState, action: InputAction ) => {\n\t\tconst nextState = { ...state };\n\t\tif (\n\t\t\taction.type === COMMIT ||\n\t\t\taction.type === PRESS_UP ||\n\t\t\taction.type === PRESS_DOWN\n\t\t) {\n\t\t\tif ( nextState.value !== undefined ) {\n\t\t\t\tnextState.value = nextState.value\n\t\t\t\t\t.toString()\n\t\t\t\t\t.padStart( pad, '0' );\n\t\t\t}\n\t\t}\n\t\treturn nextState;\n\t};\n}\n\n/**\n * TimePicker is a React component that renders a clock for time selection.\n *\n * ```jsx\n * import { TimePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyTimePicker = () => {\n *   const [ time, setTime ] = useState( new Date() );\n *\n *   return (\n *     <TimePicker\n *       currentTime={ date }\n *       onChange={ ( newTime ) => setTime( newTime ) }\n *       is12Hour\n *     />\n *   );\n * };\n * ```\n */\nexport function TimePicker( {\n\tis12Hour,\n\tcurrentTime,\n\tonChange,\n}: TimePickerProps ) {\n\tconst [ date, setDate ] = useState( () =>\n\t\t// Truncate the date at the minutes, see: #15495.\n\t\tcurrentTime ? moment( currentTime ).startOf( 'minutes' ) : moment()\n\t);\n\n\t// Reset the state when currentTime changed.\n\tuseEffect( () => {\n\t\tsetDate(\n\t\t\tcurrentTime ? moment( currentTime ).startOf( 'minutes' ) : moment()\n\t\t);\n\t}, [ currentTime ] );\n\n\tconst { day, month, year, minutes, hours, am } = useMemo(\n\t\t() => ( {\n\t\t\tday: date.format( 'DD' ),\n\t\t\tmonth: date.format( 'MM' ),\n\t\t\tyear: date.format( 'YYYY' ),\n\t\t\tminutes: date.format( 'mm' ),\n\t\t\thours: date.format( is12Hour ? 'hh' : 'HH' ),\n\t\t\tam: Number( date.format( 'H' ) ) <= 11 ? 'AM' : 'PM',\n\t\t} ),\n\t\t[ date, is12Hour ]\n\t);\n\n\tconst buildNumberControlChangeCallback = (\n\t\tmethod: 'hours' | 'minutes' | 'date' | 'year'\n\t) => {\n\t\tconst callback: InputChangeCallback = ( value, { event } ) => {\n\t\t\tif ( ! ( event.target instanceof HTMLInputElement ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( ! event.target.validity.valid ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// We can safely assume value is a number if target is valid.\n\t\t\tlet numberValue = Number( value );\n\n\t\t\t// If the 12-hour format is being used and the 'PM' period is\n\t\t\t// selected, then the incoming value (which ranges 1-12) should be\n\t\t\t// increased by 12 to match the expected 24-hour format.\n\t\t\tif ( method === 'hours' && is12Hour ) {\n\t\t\t\tnumberValue = from12hTo24h( numberValue, am === 'PM' );\n\t\t\t}\n\n\t\t\tconst newDate = date.clone()[ method ]( numberValue );\n\t\t\tsetDate( newDate );\n\t\t\tonChange?.( newDate.format( TIMEZONELESS_FORMAT ) );\n\t\t};\n\t\treturn callback;\n\t};\n\n\tfunction buildAmPmChangeCallback( value: 'AM' | 'PM' ) {\n\t\treturn () => {\n\t\t\tif ( am === value ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst parsedHours = parseInt( hours, 10 );\n\n\t\t\tconst newDate = date\n\t\t\t\t.clone()\n\t\t\t\t.hours( from12hTo24h( parsedHours, value === 'PM' ) );\n\t\t\tsetDate( newDate );\n\t\t\tonChange?.( newDate.format( TIMEZONELESS_FORMAT ) );\n\t\t};\n\t}\n\n\tconst dayField = (\n\t\t<DayInput\n\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-day\" // Unused, for backwards compatibility.\n\t\t\tlabel={ __( 'Day' ) }\n\t\t\thideLabelFromVision\n\t\t\t__next36pxDefaultSize\n\t\t\tvalue={ day }\n\t\t\tstep={ 1 }\n\t\t\tmin={ 1 }\n\t\t\tmax={ 31 }\n\t\t\trequired\n\t\t\thideHTMLArrows\n\t\t\tisPressEnterToChange\n\t\t\tisDragEnabled={ false }\n\t\t\tisShiftStepEnabled={ false }\n\t\t\tonChange={ buildNumberControlChangeCallback( 'date' ) }\n\t\t/>\n\t);\n\n\tconst monthField = (\n\t\t<MonthSelectWrapper>\n\t\t\t<MonthSelect\n\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-month\" // Unused, for backwards compatibility.\n\t\t\t\tlabel={ __( 'Month' ) }\n\t\t\t\thideLabelFromVision\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ month }\n\t\t\t\toptions={ [\n\t\t\t\t\t{ value: '01', label: __( 'January' ) },\n\t\t\t\t\t{ value: '02', label: __( 'February' ) },\n\t\t\t\t\t{ value: '03', label: __( 'March' ) },\n\t\t\t\t\t{ value: '04', label: __( 'April' ) },\n\t\t\t\t\t{ value: '05', label: __( 'May' ) },\n\t\t\t\t\t{ value: '06', label: __( 'June' ) },\n\t\t\t\t\t{ value: '07', label: __( 'July' ) },\n\t\t\t\t\t{ value: '08', label: __( 'August' ) },\n\t\t\t\t\t{ value: '09', label: __( 'September' ) },\n\t\t\t\t\t{ value: '10', label: __( 'October' ) },\n\t\t\t\t\t{ value: '11', label: __( 'November' ) },\n\t\t\t\t\t{ value: '12', label: __( 'December' ) },\n\t\t\t\t] }\n\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\tconst newDate = date.clone().month( Number( value ) - 1 );\n\t\t\t\t\tsetDate( newDate );\n\t\t\t\t\tonChange?.( newDate.format( TIMEZONELESS_FORMAT ) );\n\t\t\t\t} }\n\t\t\t/>\n\t\t</MonthSelectWrapper>\n\t);\n\n\treturn (\n\t\t<Wrapper\n\t\t\tclassName=\"components-datetime__time\" // Unused, for backwards compatibility.\n\t\t>\n\t\t\t<Fieldset>\n\t\t\t\t<Legend\n\t\t\t\t\tclassName=\"components-datetime__time-legend\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Time' ) }\n\t\t\t\t</Legend>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"components-datetime__time-wrapper\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t<TimeWrapper\n\t\t\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-time\" // Unused, for backwards compatibility.\n\t\t\t\t\t>\n\t\t\t\t\t\t<HoursInput\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-field-hours-input\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\tlabel={ __( 'Hours' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t__next36pxDefaultSize\n\t\t\t\t\t\t\tvalue={ hours }\n\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\tmin={ is12Hour ? 1 : 0 }\n\t\t\t\t\t\t\tmax={ is12Hour ? 12 : 23 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\thideHTMLArrows\n\t\t\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\tisShiftStepEnabled={ false }\n\t\t\t\t\t\t\tonChange={ buildNumberControlChangeCallback(\n\t\t\t\t\t\t\t\t'hours'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t\t2\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<TimeSeparator\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-separator\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t</TimeSeparator>\n\t\t\t\t\t\t<MinutesInput\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-field-minutes-input\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\tlabel={ __( 'Minutes' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t__next36pxDefaultSize\n\t\t\t\t\t\t\tvalue={ minutes }\n\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ 59 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\thideHTMLArrows\n\t\t\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\tisShiftStepEnabled={ false }\n\t\t\t\t\t\t\tonChange={ buildNumberControlChangeCallback(\n\t\t\t\t\t\t\t\t'minutes'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t\t2\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TimeWrapper>\n\t\t\t\t\t{ is12Hour && (\n\t\t\t\t\t\t<ButtonGroup\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-am-pm\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"components-datetime__time-am-button\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tam === 'AM' ? 'primary' : 'secondary'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={ buildAmPmChangeCallback( 'AM' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'AM' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"components-datetime__time-pm-button\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tam === 'PM' ? 'primary' : 'secondary'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={ buildAmPmChangeCallback( 'PM' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'PM' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</ButtonGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<Spacer />\n\t\t\t\t\t<TimeZone />\n\t\t\t\t</HStack>\n\t\t\t</Fieldset>\n\t\t\t<Fieldset>\n\t\t\t\t<Legend\n\t\t\t\t\tclassName=\"components-datetime__time-legend\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Date' ) }\n\t\t\t\t</Legend>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"components-datetime__time-wrapper\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ is12Hour ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ monthField }\n\t\t\t\t\t\t\t{ dayField }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ dayField }\n\t\t\t\t\t\t\t{ monthField }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t\t<YearInput\n\t\t\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-year\" // Unused, for backwards compatibility.\n\t\t\t\t\t\tlabel={ __( 'Year' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t__next36pxDefaultSize\n\t\t\t\t\t\tvalue={ year }\n\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\tmax={ 9999 }\n\t\t\t\t\t\trequired\n\t\t\t\t\t\thideHTMLArrows\n\t\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\tisShiftStepEnabled={ false }\n\t\t\t\t\t\tonChange={ buildNumberControlChangeCallback( 'year' ) }\n\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t4\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</Fieldset>\n\t\t</Wrapper>\n\t);\n}\n\nexport default TimePicker;\n"]}

package/build-module/date-time/time/styles.js

@@ -0,0 +1,118 @@
+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)."; }
+
+/**
+ * External dependencies
+ */
+import { css } from '@emotion/react';
+/**
+ * Internal dependencies
+ */
+
+import { COLORS, CONFIG } from '../../utils';
+import { space } from '../../ui/utils/space';
+import { Input, BackdropUI } from '../../input-control/styles/input-control-styles';
+import NumberControl from '../../number-control';
+import SelectControl from '../../select-control';
+import { Select } from '../../select-control/styles/select-control-styles';
+export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "evcr23111"
+} : {
+  target: "evcr23111",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL3RpbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CaUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQge1xuXHRJbnB1dCxcblx0QmFja2Ryb3BVSSxcbn0gZnJvbSAnLi4vLi4vaW5wdXQtY29udHJvbC9zdHlsZXMvaW5wdXQtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IFNlbGVjdENvbnRyb2wgZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBgO1xuXG5leHBvcnQgY29uc3QgRmllbGRzZXQgPSBzdHlsZWQuZmllbGRzZXRgXG5cdGJvcmRlcjogMDtcblx0bWFyZ2luOiAwIDAgJHsgc3BhY2UoIDIgKiAyICkgfSAwO1xuXHRwYWRkaW5nOiAwO1xuXG5cdCY6bGFzdC1jaGlsZCB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9IHN0eWxlZC5sZWdlbmRgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZzogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpcmVjdGlvbjogbHRyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuY29uc3QgYmFzZUlucHV0ID0gY3NzYFxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5cdFx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEhvdXJzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLXJpZ2h0OiAwO1xuXHR9XG5cblx0JiYmICR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0Ym9yZGVyLXJpZ2h0OiAwO1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVNlcGFyYXRvciA9IHN0eWxlZC5zcGFuYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNzAwIF0gfTtcblx0Ym9yZGVyLWJvdHRvbTogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGxpbmUtaGVpZ2h0OiBjYWxjKFxuXHRcdCR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSAqIDJcblx0KTtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1pbnV0ZXNJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggOSApIH07XG5cblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1sZWZ0OiAwO1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblx0fVxuYDtcblxuLy8gSWRlYWxseSB3ZSB3b3VsZG4ndCBuZWVkIGEgd3JhcHBlciwgYnV0IGNhbid0IG90aGVyd2lzZSB0YXJnZXQgdGhlXG4vLyA8QmFzZUNvbnRyb2w+IGluIDxTZWxlY3RDb250cm9sPlxuZXhwb3J0IGNvbnN0IE1vbnRoU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdCA9IHN0eWxlZCggU2VsZWN0Q29udHJvbCApYFxuXHRoZWlnaHQ6IDM2cHg7XG5cblx0JHsgU2VsZWN0IH0ge1xuXHRcdGxpbmUtaGVpZ2h0OiAzMHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */");
+export const Fieldset = _styled("fieldset", process.env.NODE_ENV === "production" ? {
+  target: "evcr23110"
+} : {
+  target: "evcr23110",
+  label: "Fieldset"
+})("border:0;margin:0 0 ", space(2 * 2), " 0;padding:0;&:last-child{margin-bottom:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL3RpbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCdUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQge1xuXHRJbnB1dCxcblx0QmFja2Ryb3BVSSxcbn0gZnJvbSAnLi4vLi4vaW5wdXQtY29udHJvbC9zdHlsZXMvaW5wdXQtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IFNlbGVjdENvbnRyb2wgZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBgO1xuXG5leHBvcnQgY29uc3QgRmllbGRzZXQgPSBzdHlsZWQuZmllbGRzZXRgXG5cdGJvcmRlcjogMDtcblx0bWFyZ2luOiAwIDAgJHsgc3BhY2UoIDIgKiAyICkgfSAwO1xuXHRwYWRkaW5nOiAwO1xuXG5cdCY6bGFzdC1jaGlsZCB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9IHN0eWxlZC5sZWdlbmRgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZzogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpcmVjdGlvbjogbHRyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuY29uc3QgYmFzZUlucHV0ID0gY3NzYFxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5cdFx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEhvdXJzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLXJpZ2h0OiAwO1xuXHR9XG5cblx0JiYmICR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0Ym9yZGVyLXJpZ2h0OiAwO1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVNlcGFyYXRvciA9IHN0eWxlZC5zcGFuYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNzAwIF0gfTtcblx0Ym9yZGVyLWJvdHRvbTogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGxpbmUtaGVpZ2h0OiBjYWxjKFxuXHRcdCR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSAqIDJcblx0KTtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1pbnV0ZXNJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggOSApIH07XG5cblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1sZWZ0OiAwO1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblx0fVxuYDtcblxuLy8gSWRlYWxseSB3ZSB3b3VsZG4ndCBuZWVkIGEgd3JhcHBlciwgYnV0IGNhbid0IG90aGVyd2lzZSB0YXJnZXQgdGhlXG4vLyA8QmFzZUNvbnRyb2w+IGluIDxTZWxlY3RDb250cm9sPlxuZXhwb3J0IGNvbnN0IE1vbnRoU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdCA9IHN0eWxlZCggU2VsZWN0Q29udHJvbCApYFxuXHRoZWlnaHQ6IDM2cHg7XG5cblx0JHsgU2VsZWN0IH0ge1xuXHRcdGxpbmUtaGVpZ2h0OiAzMHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */"));
+export const Legend = _styled("legend", process.env.NODE_ENV === "production" ? {
+  target: "evcr2319"
+} : {
+  target: "evcr2319",
+  label: "Legend"
+})("margin-bottom:", space(2), ";padding:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL3RpbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCbUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQge1xuXHRJbnB1dCxcblx0QmFja2Ryb3BVSSxcbn0gZnJvbSAnLi4vLi4vaW5wdXQtY29udHJvbC9zdHlsZXMvaW5wdXQtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IFNlbGVjdENvbnRyb2wgZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBgO1xuXG5leHBvcnQgY29uc3QgRmllbGRzZXQgPSBzdHlsZWQuZmllbGRzZXRgXG5cdGJvcmRlcjogMDtcblx0bWFyZ2luOiAwIDAgJHsgc3BhY2UoIDIgKiAyICkgfSAwO1xuXHRwYWRkaW5nOiAwO1xuXG5cdCY6bGFzdC1jaGlsZCB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9IHN0eWxlZC5sZWdlbmRgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZzogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpcmVjdGlvbjogbHRyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuY29uc3QgYmFzZUlucHV0ID0gY3NzYFxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5cdFx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEhvdXJzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLXJpZ2h0OiAwO1xuXHR9XG5cblx0JiYmICR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0Ym9yZGVyLXJpZ2h0OiAwO1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVNlcGFyYXRvciA9IHN0eWxlZC5zcGFuYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNzAwIF0gfTtcblx0Ym9yZGVyLWJvdHRvbTogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGxpbmUtaGVpZ2h0OiBjYWxjKFxuXHRcdCR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSAqIDJcblx0KTtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1pbnV0ZXNJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggOSApIH07XG5cblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1sZWZ0OiAwO1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblx0fVxuYDtcblxuLy8gSWRlYWxseSB3ZSB3b3VsZG4ndCBuZWVkIGEgd3JhcHBlciwgYnV0IGNhbid0IG90aGVyd2lzZSB0YXJnZXQgdGhlXG4vLyA8QmFzZUNvbnRyb2w+IGluIDxTZWxlY3RDb250cm9sPlxuZXhwb3J0IGNvbnN0IE1vbnRoU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdCA9IHN0eWxlZCggU2VsZWN0Q29udHJvbCApYFxuXHRoZWlnaHQ6IDM2cHg7XG5cblx0JHsgU2VsZWN0IH0ge1xuXHRcdGxpbmUtaGVpZ2h0OiAzMHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */"));
+export const TimeWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "evcr2318"
+} : {
+  target: "evcr2318",
+  label: "TimeWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "pd0mhc",
+  styles: "direction:ltr;display:flex"
+} : {
+  name: "pd0mhc",
+  styles: "direction:ltr;display:flex",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL3RpbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DcUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQge1xuXHRJbnB1dCxcblx0QmFja2Ryb3BVSSxcbn0gZnJvbSAnLi4vLi4vaW5wdXQtY29udHJvbC9zdHlsZXMvaW5wdXQtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IFNlbGVjdENvbnRyb2wgZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBgO1xuXG5leHBvcnQgY29uc3QgRmllbGRzZXQgPSBzdHlsZWQuZmllbGRzZXRgXG5cdGJvcmRlcjogMDtcblx0bWFyZ2luOiAwIDAgJHsgc3BhY2UoIDIgKiAyICkgfSAwO1xuXHRwYWRkaW5nOiAwO1xuXG5cdCY6bGFzdC1jaGlsZCB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9IHN0eWxlZC5sZWdlbmRgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZzogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpcmVjdGlvbjogbHRyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuY29uc3QgYmFzZUlucHV0ID0gY3NzYFxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5cdFx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEhvdXJzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLXJpZ2h0OiAwO1xuXHR9XG5cblx0JiYmICR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0Ym9yZGVyLXJpZ2h0OiAwO1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVNlcGFyYXRvciA9IHN0eWxlZC5zcGFuYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNzAwIF0gfTtcblx0Ym9yZGVyLWJvdHRvbTogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGxpbmUtaGVpZ2h0OiBjYWxjKFxuXHRcdCR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSAqIDJcblx0KTtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1pbnV0ZXNJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggOSApIH07XG5cblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1sZWZ0OiAwO1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblx0fVxuYDtcblxuLy8gSWRlYWxseSB3ZSB3b3VsZG4ndCBuZWVkIGEgd3JhcHBlciwgYnV0IGNhbid0IG90aGVyd2lzZSB0YXJnZXQgdGhlXG4vLyA8QmFzZUNvbnRyb2w+IGluIDxTZWxlY3RDb250cm9sPlxuZXhwb3J0IGNvbnN0IE1vbnRoU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdCA9IHN0eWxlZCggU2VsZWN0Q29udHJvbCApYFxuXHRoZWlnaHQ6IDM2cHg7XG5cblx0JHsgU2VsZWN0IH0ge1xuXHRcdGxpbmUtaGVpZ2h0OiAzMHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const baseInput = /*#__PURE__*/css("&&& ", Input, "{padding-left:", space(2), ";padding-right:", space(2), ";text-align:center;}" + (process.env.NODE_ENV === "production" ? "" : ";label:baseInput;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL3RpbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDcUIiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQge1xuXHRJbnB1dCxcblx0QmFja2Ryb3BVSSxcbn0gZnJvbSAnLi4vLi4vaW5wdXQtY29udHJvbC9zdHlsZXMvaW5wdXQtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IFNlbGVjdENvbnRyb2wgZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBgO1xuXG5leHBvcnQgY29uc3QgRmllbGRzZXQgPSBzdHlsZWQuZmllbGRzZXRgXG5cdGJvcmRlcjogMDtcblx0bWFyZ2luOiAwIDAgJHsgc3BhY2UoIDIgKiAyICkgfSAwO1xuXHRwYWRkaW5nOiAwO1xuXG5cdCY6bGFzdC1jaGlsZCB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9IHN0eWxlZC5sZWdlbmRgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZzogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpcmVjdGlvbjogbHRyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuY29uc3QgYmFzZUlucHV0ID0gY3NzYFxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5cdFx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEhvdXJzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLXJpZ2h0OiAwO1xuXHR9XG5cblx0JiYmICR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0Ym9yZGVyLXJpZ2h0OiAwO1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVNlcGFyYXRvciA9IHN0eWxlZC5zcGFuYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNzAwIF0gfTtcblx0Ym9yZGVyLWJvdHRvbTogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGxpbmUtaGVpZ2h0OiBjYWxjKFxuXHRcdCR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSAqIDJcblx0KTtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1pbnV0ZXNJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggOSApIH07XG5cblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1sZWZ0OiAwO1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblx0fVxuYDtcblxuLy8gSWRlYWxseSB3ZSB3b3VsZG4ndCBuZWVkIGEgd3JhcHBlciwgYnV0IGNhbid0IG90aGVyd2lzZSB0YXJnZXQgdGhlXG4vLyA8QmFzZUNvbnRyb2w+IGluIDxTZWxlY3RDb250cm9sPlxuZXhwb3J0IGNvbnN0IE1vbnRoU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdCA9IHN0eWxlZCggU2VsZWN0Q29udHJvbCApYFxuXHRoZWlnaHQ6IDM2cHg7XG5cblx0JHsgU2VsZWN0IH0ge1xuXHRcdGxpbmUtaGVpZ2h0OiAzMHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */");
+export const HoursInput = /*#__PURE__*/_styled(NumberControl, process.env.NODE_ENV === "production" ? {
+  target: "evcr2317"
+} : {
+  target: "evcr2317",
+  label: "HoursInput"
+})(baseInput, " width:", space(9), ";&&& ", Input, "{padding-right:0;}&&& ", BackdropUI, "{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL3RpbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEaUQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQge1xuXHRJbnB1dCxcblx0QmFja2Ryb3BVSSxcbn0gZnJvbSAnLi4vLi4vaW5wdXQtY29udHJvbC9zdHlsZXMvaW5wdXQtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IFNlbGVjdENvbnRyb2wgZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBgO1xuXG5leHBvcnQgY29uc3QgRmllbGRzZXQgPSBzdHlsZWQuZmllbGRzZXRgXG5cdGJvcmRlcjogMDtcblx0bWFyZ2luOiAwIDAgJHsgc3BhY2UoIDIgKiAyICkgfSAwO1xuXHRwYWRkaW5nOiAwO1xuXG5cdCY6bGFzdC1jaGlsZCB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9IHN0eWxlZC5sZWdlbmRgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZzogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpcmVjdGlvbjogbHRyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuY29uc3QgYmFzZUlucHV0ID0gY3NzYFxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5cdFx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEhvdXJzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLXJpZ2h0OiAwO1xuXHR9XG5cblx0JiYmICR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0Ym9yZGVyLXJpZ2h0OiAwO1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVNlcGFyYXRvciA9IHN0eWxlZC5zcGFuYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNzAwIF0gfTtcblx0Ym9yZGVyLWJvdHRvbTogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGxpbmUtaGVpZ2h0OiBjYWxjKFxuXHRcdCR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSAqIDJcblx0KTtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1pbnV0ZXNJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggOSApIH07XG5cblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1sZWZ0OiAwO1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblx0fVxuYDtcblxuLy8gSWRlYWxseSB3ZSB3b3VsZG4ndCBuZWVkIGEgd3JhcHBlciwgYnV0IGNhbid0IG90aGVyd2lzZSB0YXJnZXQgdGhlXG4vLyA8QmFzZUNvbnRyb2w+IGluIDxTZWxlY3RDb250cm9sPlxuZXhwb3J0IGNvbnN0IE1vbnRoU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdCA9IHN0eWxlZCggU2VsZWN0Q29udHJvbCApYFxuXHRoZWlnaHQ6IDM2cHg7XG5cblx0JHsgU2VsZWN0IH0ge1xuXHRcdGxpbmUtaGVpZ2h0OiAzMHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */"));
+export const TimeSeparator = _styled("span", process.env.NODE_ENV === "production" ? {
+  target: "evcr2316"
+} : {
+  target: "evcr2316",
+  label: "TimeSeparator"
+})("border-top:", CONFIG.borderWidth, " solid ", COLORS.gray[700], ";border-bottom:", CONFIG.borderWidth, " solid ", COLORS.gray[700], ";line-height:calc(\n\t\t", CONFIG.controlHeight, " - ", CONFIG.borderWidth, " * 2\n\t);display:inline-block;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL3RpbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFd0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQge1xuXHRJbnB1dCxcblx0QmFja2Ryb3BVSSxcbn0gZnJvbSAnLi4vLi4vaW5wdXQtY29udHJvbC9zdHlsZXMvaW5wdXQtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IFNlbGVjdENvbnRyb2wgZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBgO1xuXG5leHBvcnQgY29uc3QgRmllbGRzZXQgPSBzdHlsZWQuZmllbGRzZXRgXG5cdGJvcmRlcjogMDtcblx0bWFyZ2luOiAwIDAgJHsgc3BhY2UoIDIgKiAyICkgfSAwO1xuXHRwYWRkaW5nOiAwO1xuXG5cdCY6bGFzdC1jaGlsZCB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9IHN0eWxlZC5sZWdlbmRgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZzogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpcmVjdGlvbjogbHRyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuY29uc3QgYmFzZUlucHV0ID0gY3NzYFxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5cdFx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEhvdXJzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLXJpZ2h0OiAwO1xuXHR9XG5cblx0JiYmICR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0Ym9yZGVyLXJpZ2h0OiAwO1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVNlcGFyYXRvciA9IHN0eWxlZC5zcGFuYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNzAwIF0gfTtcblx0Ym9yZGVyLWJvdHRvbTogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGxpbmUtaGVpZ2h0OiBjYWxjKFxuXHRcdCR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSAqIDJcblx0KTtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1pbnV0ZXNJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggOSApIH07XG5cblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1sZWZ0OiAwO1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblx0fVxuYDtcblxuLy8gSWRlYWxseSB3ZSB3b3VsZG4ndCBuZWVkIGEgd3JhcHBlciwgYnV0IGNhbid0IG90aGVyd2lzZSB0YXJnZXQgdGhlXG4vLyA8QmFzZUNvbnRyb2w+IGluIDxTZWxlY3RDb250cm9sPlxuZXhwb3J0IGNvbnN0IE1vbnRoU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdCA9IHN0eWxlZCggU2VsZWN0Q29udHJvbCApYFxuXHRoZWlnaHQ6IDM2cHg7XG5cblx0JHsgU2VsZWN0IH0ge1xuXHRcdGxpbmUtaGVpZ2h0OiAzMHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */"));
+export const MinutesInput = /*#__PURE__*/_styled(NumberControl, process.env.NODE_ENV === "production" ? {
+  target: "evcr2315"
+} : {
+  target: "evcr2315",
+  label: "MinutesInput"
+})(baseInput, " width:", space(9), ";&&& ", Input, "{padding-left:0;}&&& ", BackdropUI, "{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL3RpbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFbUQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQge1xuXHRJbnB1dCxcblx0QmFja2Ryb3BVSSxcbn0gZnJvbSAnLi4vLi4vaW5wdXQtY29udHJvbC9zdHlsZXMvaW5wdXQtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IFNlbGVjdENvbnRyb2wgZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBgO1xuXG5leHBvcnQgY29uc3QgRmllbGRzZXQgPSBzdHlsZWQuZmllbGRzZXRgXG5cdGJvcmRlcjogMDtcblx0bWFyZ2luOiAwIDAgJHsgc3BhY2UoIDIgKiAyICkgfSAwO1xuXHRwYWRkaW5nOiAwO1xuXG5cdCY6bGFzdC1jaGlsZCB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9IHN0eWxlZC5sZWdlbmRgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZzogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpcmVjdGlvbjogbHRyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuY29uc3QgYmFzZUlucHV0ID0gY3NzYFxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5cdFx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEhvdXJzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLXJpZ2h0OiAwO1xuXHR9XG5cblx0JiYmICR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0Ym9yZGVyLXJpZ2h0OiAwO1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVNlcGFyYXRvciA9IHN0eWxlZC5zcGFuYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNzAwIF0gfTtcblx0Ym9yZGVyLWJvdHRvbTogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGxpbmUtaGVpZ2h0OiBjYWxjKFxuXHRcdCR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSAqIDJcblx0KTtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1pbnV0ZXNJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggOSApIH07XG5cblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1sZWZ0OiAwO1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblx0fVxuYDtcblxuLy8gSWRlYWxseSB3ZSB3b3VsZG4ndCBuZWVkIGEgd3JhcHBlciwgYnV0IGNhbid0IG90aGVyd2lzZSB0YXJnZXQgdGhlXG4vLyA8QmFzZUNvbnRyb2w+IGluIDxTZWxlY3RDb250cm9sPlxuZXhwb3J0IGNvbnN0IE1vbnRoU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdCA9IHN0eWxlZCggU2VsZWN0Q29udHJvbCApYFxuXHRoZWlnaHQ6IDM2cHg7XG5cblx0JHsgU2VsZWN0IH0ge1xuXHRcdGxpbmUtaGVpZ2h0OiAzMHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */")); // Ideally we wouldn't need a wrapper, but can't otherwise target the
+// <BaseControl> in <SelectControl>
+
+export const MonthSelectWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "evcr2314"
+} : {
+  target: "evcr2314",
+  label: "MonthSelectWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ff36h2",
+  styles: "flex-grow:1"
+} : {
+  name: "1ff36h2",
+  styles: "flex-grow:1",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL3RpbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRGNEMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQge1xuXHRJbnB1dCxcblx0QmFja2Ryb3BVSSxcbn0gZnJvbSAnLi4vLi4vaW5wdXQtY29udHJvbC9zdHlsZXMvaW5wdXQtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IFNlbGVjdENvbnRyb2wgZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBgO1xuXG5leHBvcnQgY29uc3QgRmllbGRzZXQgPSBzdHlsZWQuZmllbGRzZXRgXG5cdGJvcmRlcjogMDtcblx0bWFyZ2luOiAwIDAgJHsgc3BhY2UoIDIgKiAyICkgfSAwO1xuXHRwYWRkaW5nOiAwO1xuXG5cdCY6bGFzdC1jaGlsZCB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9IHN0eWxlZC5sZWdlbmRgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZzogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpcmVjdGlvbjogbHRyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuY29uc3QgYmFzZUlucHV0ID0gY3NzYFxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5cdFx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEhvdXJzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLXJpZ2h0OiAwO1xuXHR9XG5cblx0JiYmICR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0Ym9yZGVyLXJpZ2h0OiAwO1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVNlcGFyYXRvciA9IHN0eWxlZC5zcGFuYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNzAwIF0gfTtcblx0Ym9yZGVyLWJvdHRvbTogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGxpbmUtaGVpZ2h0OiBjYWxjKFxuXHRcdCR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSAqIDJcblx0KTtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1pbnV0ZXNJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggOSApIH07XG5cblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1sZWZ0OiAwO1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblx0fVxuYDtcblxuLy8gSWRlYWxseSB3ZSB3b3VsZG4ndCBuZWVkIGEgd3JhcHBlciwgYnV0IGNhbid0IG90aGVyd2lzZSB0YXJnZXQgdGhlXG4vLyA8QmFzZUNvbnRyb2w+IGluIDxTZWxlY3RDb250cm9sPlxuZXhwb3J0IGNvbnN0IE1vbnRoU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdCA9IHN0eWxlZCggU2VsZWN0Q29udHJvbCApYFxuXHRoZWlnaHQ6IDM2cHg7XG5cblx0JHsgU2VsZWN0IH0ge1xuXHRcdGxpbmUtaGVpZ2h0OiAzMHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const MonthSelect = /*#__PURE__*/_styled(SelectControl, process.env.NODE_ENV === "production" ? {
+  target: "evcr2313"
+} : {
+  target: "evcr2313",
+  label: "MonthSelect"
+})("height:36px;", Select, "{line-height:30px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL3RpbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdHa0QiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQge1xuXHRJbnB1dCxcblx0QmFja2Ryb3BVSSxcbn0gZnJvbSAnLi4vLi4vaW5wdXQtY29udHJvbC9zdHlsZXMvaW5wdXQtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IFNlbGVjdENvbnRyb2wgZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBgO1xuXG5leHBvcnQgY29uc3QgRmllbGRzZXQgPSBzdHlsZWQuZmllbGRzZXRgXG5cdGJvcmRlcjogMDtcblx0bWFyZ2luOiAwIDAgJHsgc3BhY2UoIDIgKiAyICkgfSAwO1xuXHRwYWRkaW5nOiAwO1xuXG5cdCY6bGFzdC1jaGlsZCB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9IHN0eWxlZC5sZWdlbmRgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZzogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpcmVjdGlvbjogbHRyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuY29uc3QgYmFzZUlucHV0ID0gY3NzYFxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5cdFx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEhvdXJzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLXJpZ2h0OiAwO1xuXHR9XG5cblx0JiYmICR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0Ym9yZGVyLXJpZ2h0OiAwO1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVNlcGFyYXRvciA9IHN0eWxlZC5zcGFuYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNzAwIF0gfTtcblx0Ym9yZGVyLWJvdHRvbTogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGxpbmUtaGVpZ2h0OiBjYWxjKFxuXHRcdCR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSAqIDJcblx0KTtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1pbnV0ZXNJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggOSApIH07XG5cblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1sZWZ0OiAwO1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblx0fVxuYDtcblxuLy8gSWRlYWxseSB3ZSB3b3VsZG4ndCBuZWVkIGEgd3JhcHBlciwgYnV0IGNhbid0IG90aGVyd2lzZSB0YXJnZXQgdGhlXG4vLyA8QmFzZUNvbnRyb2w+IGluIDxTZWxlY3RDb250cm9sPlxuZXhwb3J0IGNvbnN0IE1vbnRoU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdCA9IHN0eWxlZCggU2VsZWN0Q29udHJvbCApYFxuXHRoZWlnaHQ6IDM2cHg7XG5cblx0JHsgU2VsZWN0IH0ge1xuXHRcdGxpbmUtaGVpZ2h0OiAzMHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */"));
+export const DayInput = /*#__PURE__*/_styled(NumberControl, process.env.NODE_ENV === "production" ? {
+  target: "evcr2312"
+} : {
+  target: "evcr2312",
+  label: "DayInput"
+})(baseInput, " width:", space(9), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL3RpbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdHK0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQge1xuXHRJbnB1dCxcblx0QmFja2Ryb3BVSSxcbn0gZnJvbSAnLi4vLi4vaW5wdXQtY29udHJvbC9zdHlsZXMvaW5wdXQtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IFNlbGVjdENvbnRyb2wgZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBgO1xuXG5leHBvcnQgY29uc3QgRmllbGRzZXQgPSBzdHlsZWQuZmllbGRzZXRgXG5cdGJvcmRlcjogMDtcblx0bWFyZ2luOiAwIDAgJHsgc3BhY2UoIDIgKiAyICkgfSAwO1xuXHRwYWRkaW5nOiAwO1xuXG5cdCY6bGFzdC1jaGlsZCB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9IHN0eWxlZC5sZWdlbmRgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZzogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpcmVjdGlvbjogbHRyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuY29uc3QgYmFzZUlucHV0ID0gY3NzYFxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5cdFx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEhvdXJzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLXJpZ2h0OiAwO1xuXHR9XG5cblx0JiYmICR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0Ym9yZGVyLXJpZ2h0OiAwO1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVNlcGFyYXRvciA9IHN0eWxlZC5zcGFuYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNzAwIF0gfTtcblx0Ym9yZGVyLWJvdHRvbTogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGxpbmUtaGVpZ2h0OiBjYWxjKFxuXHRcdCR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSAqIDJcblx0KTtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1pbnV0ZXNJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggOSApIH07XG5cblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1sZWZ0OiAwO1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblx0fVxuYDtcblxuLy8gSWRlYWxseSB3ZSB3b3VsZG4ndCBuZWVkIGEgd3JhcHBlciwgYnV0IGNhbid0IG90aGVyd2lzZSB0YXJnZXQgdGhlXG4vLyA8QmFzZUNvbnRyb2w+IGluIDxTZWxlY3RDb250cm9sPlxuZXhwb3J0IGNvbnN0IE1vbnRoU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdCA9IHN0eWxlZCggU2VsZWN0Q29udHJvbCApYFxuXHRoZWlnaHQ6IDM2cHg7XG5cblx0JHsgU2VsZWN0IH0ge1xuXHRcdGxpbmUtaGVpZ2h0OiAzMHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */"));
+export const YearInput = /*#__PURE__*/_styled(NumberControl, process.env.NODE_ENV === "production" ? {
+  target: "evcr2311"
+} : {
+  target: "evcr2311",
+  label: "YearInput"
+})(baseInput, " width:", space(14), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL3RpbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThHZ0QiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQge1xuXHRJbnB1dCxcblx0QmFja2Ryb3BVSSxcbn0gZnJvbSAnLi4vLi4vaW5wdXQtY29udHJvbC9zdHlsZXMvaW5wdXQtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IFNlbGVjdENvbnRyb2wgZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBgO1xuXG5leHBvcnQgY29uc3QgRmllbGRzZXQgPSBzdHlsZWQuZmllbGRzZXRgXG5cdGJvcmRlcjogMDtcblx0bWFyZ2luOiAwIDAgJHsgc3BhY2UoIDIgKiAyICkgfSAwO1xuXHRwYWRkaW5nOiAwO1xuXG5cdCY6bGFzdC1jaGlsZCB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9IHN0eWxlZC5sZWdlbmRgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZzogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpcmVjdGlvbjogbHRyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuY29uc3QgYmFzZUlucHV0ID0gY3NzYFxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5cdFx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEhvdXJzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLXJpZ2h0OiAwO1xuXHR9XG5cblx0JiYmICR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0Ym9yZGVyLXJpZ2h0OiAwO1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVNlcGFyYXRvciA9IHN0eWxlZC5zcGFuYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNzAwIF0gfTtcblx0Ym9yZGVyLWJvdHRvbTogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGxpbmUtaGVpZ2h0OiBjYWxjKFxuXHRcdCR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSAqIDJcblx0KTtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1pbnV0ZXNJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggOSApIH07XG5cblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1sZWZ0OiAwO1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblx0fVxuYDtcblxuLy8gSWRlYWxseSB3ZSB3b3VsZG4ndCBuZWVkIGEgd3JhcHBlciwgYnV0IGNhbid0IG90aGVyd2lzZSB0YXJnZXQgdGhlXG4vLyA8QmFzZUNvbnRyb2w+IGluIDxTZWxlY3RDb250cm9sPlxuZXhwb3J0IGNvbnN0IE1vbnRoU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdCA9IHN0eWxlZCggU2VsZWN0Q29udHJvbCApYFxuXHRoZWlnaHQ6IDM2cHg7XG5cblx0JHsgU2VsZWN0IH0ge1xuXHRcdGxpbmUtaGVpZ2h0OiAzMHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */"));
+export const TimeZone = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "evcr2310"
+} : {
+  target: "evcr2310",
+  label: "TimeZone"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ebu3jh",
+  styles: "text-decoration:underline dotted"
+} : {
+  name: "ebu3jh",
+  styles: "text-decoration:underline dotted",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL3RpbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Ia0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQge1xuXHRJbnB1dCxcblx0QmFja2Ryb3BVSSxcbn0gZnJvbSAnLi4vLi4vaW5wdXQtY29udHJvbC9zdHlsZXMvaW5wdXQtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IFNlbGVjdENvbnRyb2wgZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBgO1xuXG5leHBvcnQgY29uc3QgRmllbGRzZXQgPSBzdHlsZWQuZmllbGRzZXRgXG5cdGJvcmRlcjogMDtcblx0bWFyZ2luOiAwIDAgJHsgc3BhY2UoIDIgKiAyICkgfSAwO1xuXHRwYWRkaW5nOiAwO1xuXG5cdCY6bGFzdC1jaGlsZCB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9IHN0eWxlZC5sZWdlbmRgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAyICkgfTtcblx0cGFkZGluZzogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGRpcmVjdGlvbjogbHRyO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuY29uc3QgYmFzZUlucHV0ID0gY3NzYFxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1sZWZ0OiAkeyBzcGFjZSggMiApIH07XG5cdFx0cGFkZGluZy1yaWdodDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IEhvdXJzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLXJpZ2h0OiAwO1xuXHR9XG5cblx0JiYmICR7IEJhY2tkcm9wVUkgfSB7XG5cdFx0Ym9yZGVyLXJpZ2h0OiAwO1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVNlcGFyYXRvciA9IHN0eWxlZC5zcGFuYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNzAwIF0gfTtcblx0Ym9yZGVyLWJvdHRvbTogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGxpbmUtaGVpZ2h0OiBjYWxjKFxuXHRcdCR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSAqIDJcblx0KTtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1pbnV0ZXNJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggOSApIH07XG5cblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1sZWZ0OiAwO1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblx0fVxuYDtcblxuLy8gSWRlYWxseSB3ZSB3b3VsZG4ndCBuZWVkIGEgd3JhcHBlciwgYnV0IGNhbid0IG90aGVyd2lzZSB0YXJnZXQgdGhlXG4vLyA8QmFzZUNvbnRyb2w+IGluIDxTZWxlY3RDb250cm9sPlxuZXhwb3J0IGNvbnN0IE1vbnRoU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdCA9IHN0eWxlZCggU2VsZWN0Q29udHJvbCApYFxuXHRoZWlnaHQ6IDM2cHg7XG5cblx0JHsgU2VsZWN0IH0ge1xuXHRcdGxpbmUtaGVpZ2h0OiAzMHB4O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+//# sourceMappingURL=styles.js.map

package/build-module/date-time/time/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/components/src/date-time/time/styles.ts"],"names":["css","COLORS","CONFIG","space","Input","BackdropUI","NumberControl","SelectControl","Select","Wrapper","Fieldset","Legend","TimeWrapper","baseInput","HoursInput","TimeSeparator","borderWidth","gray","controlHeight","MinutesInput","MonthSelectWrapper","MonthSelect","DayInput","YearInput","TimeZone"],"mappings":";;;;AAAA;AACA;AACA;AAEA,SAASA,GAAT,QAAoB,gBAApB;AAEA;AACA;AACA;;AACA,SAASC,MAAT,EAAiBC,MAAjB,QAA+B,aAA/B;AACA,SAASC,KAAT,QAAsB,sBAAtB;AACA,SACCC,KADD,EAECC,UAFD,QAGO,iDAHP;AAIA,OAAOC,aAAP,MAA0B,sBAA1B;AACA,OAAOC,aAAP,MAA0B,sBAA1B;AACA,SAASC,MAAT,QAAuB,mDAAvB;AAEA,OAAO,MAAMC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,koHAAb;AAEP,OAAO,MAAMC,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,2BAELP,KAAK,CAAE,IAAI,CAAN,CAFA,mrHAAd;AAUP,OAAO,MAAMQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,qBACAR,KAAK,CAAE,CAAF,CADL,mpHAAZ;AAKP,OAAO,MAAMS,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAjB;AAKP,MAAMC,SAAS,gBAAGb,GAAH,SACPI,KADO,oBAEID,KAAK,CAAE,CAAF,CAFT,qBAGKA,KAAK,CAAE,CAAF,CAHV,8tHAAf;AAQA,OAAO,MAAMW,UAAU,GAAG,qBAAQR,aAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,CACnBO,SADmB,aAGZV,KAAK,CAAE,CAAF,CAHO,WAKfC,KALe,4BASfC,UATe,gtHAAhB;AAgBP,OAAO,MAAMU,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,kBACVb,MAAM,CAACc,WADG,aACoBf,MAAM,CAACgB,IAAP,CAAa,GAAb,CADpB,qBAEPf,MAAM,CAACc,WAFA,aAEuBf,MAAM,CAACgB,IAAP,CAAa,GAAb,CAFvB,8BAIrBf,MAAM,CAACgB,aAJc,SAIOhB,MAAM,CAACc,WAJd,uqHAAnB;AASP,OAAO,MAAMG,YAAY,GAAG,qBAAQb,aAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,CACrBO,SADqB,aAGdV,KAAK,CAAE,CAAF,CAHS,WAKjBC,KALiB,2BASjBC,UATiB,6sHAAlB,C,CAgBP;AACA;;AACA,OAAO,MAAMe,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAxB;AAIP,OAAO,MAAMC,WAAW,GAAG,qBAAQd,aAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,iBAGpBC,MAHoB,2pHAAjB;AAQP,OAAO,MAAMc,QAAQ,GAAG,qBAAQhB,aAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,CACjBO,SADiB,aAGVV,KAAK,CAAE,CAAF,CAHK,yoHAAd;AAMP,OAAO,MAAMoB,SAAS,GAAG,qBAAQjB,aAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,CAClBO,SADkB,aAGXV,KAAK,CAAE,EAAF,CAHM,yoHAAf;AAMP,OAAO,MAAMqB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAd","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../../utils';\nimport { space } from '../../ui/utils/space';\nimport {\n\tInput,\n\tBackdropUI,\n} from '../../input-control/styles/input-control-styles';\nimport NumberControl from '../../number-control';\nimport SelectControl from '../../select-control';\nimport { Select } from '../../select-control/styles/select-control-styles';\n\nexport const Wrapper = styled.div``;\n\nexport const Fieldset = styled.fieldset`\n\tborder: 0;\n\tmargin: 0 0 ${ space( 2 * 2 ) } 0;\n\tpadding: 0;\n\n\t&:last-child {\n\t\tmargin-bottom: 0;\n\t}\n`;\n\nexport const Legend = styled.legend`\n\tmargin-bottom: ${ space( 2 ) };\n\tpadding: 0;\n`;\n\nexport const TimeWrapper = styled.div`\n\tdirection: ltr;\n\tdisplay: flex;\n`;\n\nconst baseInput = css`\n\t&&& ${ Input } {\n\t\tpadding-left: ${ space( 2 ) };\n\t\tpadding-right: ${ space( 2 ) };\n\t\ttext-align: center;\n\t}\n`;\n\nexport const HoursInput = styled( NumberControl )`\n\t${ baseInput }\n\n\twidth: ${ space( 9 ) };\n\n\t&&& ${ Input } {\n\t\tpadding-right: 0;\n\t}\n\n\t&&& ${ BackdropUI } {\n\t\tborder-right: 0;\n\t\tborder-top-right-radius: 0;\n\t\tborder-bottom-right-radius: 0;\n\t}\n`;\n\nexport const TimeSeparator = styled.span`\n\tborder-top: ${ CONFIG.borderWidth } solid ${ COLORS.gray[ 700 ] };\n\tborder-bottom: ${ CONFIG.borderWidth } solid ${ COLORS.gray[ 700 ] };\n\tline-height: calc(\n\t\t${ CONFIG.controlHeight } - ${ CONFIG.borderWidth } * 2\n\t);\n\tdisplay: inline-block;\n`;\n\nexport const MinutesInput = styled( NumberControl )`\n\t${ baseInput }\n\n\twidth: ${ space( 9 ) };\n\n\t&&& ${ Input } {\n\t\tpadding-left: 0;\n\t}\n\n\t&&& ${ BackdropUI } {\n\t\tborder-left: 0;\n\t\tborder-top-left-radius: 0;\n\t\tborder-bottom-left-radius: 0;\n\t}\n`;\n\n// Ideally we wouldn't need a wrapper, but can't otherwise target the\n// <BaseControl> in <SelectControl>\nexport const MonthSelectWrapper = styled.div`\n\tflex-grow: 1;\n`;\n\nexport const MonthSelect = styled( SelectControl )`\n\theight: 36px;\n\n\t${ Select } {\n\t\tline-height: 30px;\n\t}\n`;\n\nexport const DayInput = styled( NumberControl )`\n\t${ baseInput }\n\n\twidth: ${ space( 9 ) };\n`;\n\nexport const YearInput = styled( NumberControl )`\n\t${ baseInput }\n\n\twidth: ${ space( 14 ) };\n`;\n\nexport const TimeZone = styled.div`\n\ttext-decoration: underline dotted;\n`;\n"]}

package/build-module/date-time/{timezone.js → time/timezone.js}

@@ -9,7 +9,8 @@ import { __experimentalGetSettings as getDateSettings } from '@wordpress/date';
  * Internal dependencies
  */
 
-import Tooltip from '../tooltip';
+import Tooltip from '../../tooltip';
+import { TimeZone as StyledComponent } from './styles';
 /**
  * Displays timezone information when user timezone is different from site
  * timezone.
@@ -33,7 +34,7 @@ const TimeZone = () => {
   return createElement(Tooltip, {
     position: "top center",
     text: timezoneDetail
-  }, createElement("div", {
+  }, createElement(StyledComponent, {
     className: "components-datetime__timezone"
   }, zoneAbbr));
 };

package/build-module/date-time/time/timezone.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/components/src/date-time/time/timezone.tsx"],"names":["__","__experimentalGetSettings","getDateSettings","Tooltip","TimeZone","StyledComponent","timezone","userTimezoneOffset","Date","getTimezoneOffset","Number","offset","offsetSymbol","zoneAbbr","abbr","isNaN","timezoneDetail","string","replace"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,yBAAyB,IAAIC,eAAtC,QAA6D,iBAA7D;AAEA;AACA;AACA;;AACA,OAAOC,OAAP,MAAoB,eAApB;AACA,SAASC,QAAQ,IAAIC,eAArB,QAA4C,UAA5C;AAEA;AACA;AACA;AACA;;AACA,MAAMD,QAAQ,GAAG,MAAM;AACtB,QAAM;AAAEE,IAAAA;AAAF,MAAeJ,eAAe,EAApC,CADsB,CAGtB;;AACA,QAAMK,kBAAkB,GAAG,CAAC,CAAD,IAAO,IAAIC,IAAJ,GAAWC,iBAAX,KAAiC,EAAxC,CAA3B,CAJsB,CAMtB;AACA;;AACA,MAAKC,MAAM,CAAEJ,QAAQ,CAACK,MAAX,CAAN,KAA8BJ,kBAAnC,EAAwD;AACvD,WAAO,IAAP;AACA;;AAED,QAAMK,YAAY,GAAGF,MAAM,CAAEJ,QAAQ,CAACK,MAAX,CAAN,IAA6B,CAA7B,GAAiC,GAAjC,GAAuC,EAA5D;AACA,QAAME,QAAQ,GACb,OAAOP,QAAQ,CAACQ,IAAhB,IAAwBC,KAAK,CAAEL,MAAM,CAAEJ,QAAQ,CAACQ,IAAX,CAAR,CAA7B,GACGR,QAAQ,CAACQ,IADZ,GAEI,MAAMF,YAAc,GAAGN,QAAQ,CAACK,MAAQ,EAH7C;AAKA,QAAMK,cAAc,GACnB,UAAUV,QAAQ,CAACW,MAAnB,GACGjB,EAAE,CAAE,4BAAF,CADL,GAEI,IAAIa,QAAU,KAAKP,QAAQ,CAACW,MAAT,CAAgBC,OAAhB,CAAyB,GAAzB,EAA8B,GAA9B,CAAqC,EAH7D;AAKA,SACC,cAAC,OAAD;AAAS,IAAA,QAAQ,EAAC,YAAlB;AAA+B,IAAA,IAAI,EAAGF;AAAtC,KACC,cAAC,eAAD;AAAiB,IAAA,SAAS,EAAC;AAA3B,KACGH,QADH,CADD,CADD;AAOA,CA9BD;;AAgCA,eAAeT,QAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalGetSettings as getDateSettings } from '@wordpress/date';\n\n/**\n * Internal dependencies\n */\nimport Tooltip from '../../tooltip';\nimport { TimeZone as StyledComponent } from './styles';\n\n/**\n * Displays timezone information when user timezone is different from site\n * timezone.\n */\nconst TimeZone = () => {\n\tconst { timezone } = getDateSettings();\n\n\t// Convert timezone offset to hours.\n\tconst userTimezoneOffset = -1 * ( new Date().getTimezoneOffset() / 60 );\n\n\t// System timezone and user timezone match, nothing needed.\n\t// Compare as numbers because it comes over as string.\n\tif ( Number( timezone.offset ) === userTimezoneOffset ) {\n\t\treturn null;\n\t}\n\n\tconst offsetSymbol = Number( timezone.offset ) >= 0 ? '+' : '';\n\tconst zoneAbbr =\n\t\t'' !== timezone.abbr && isNaN( Number( timezone.abbr ) )\n\t\t\t? timezone.abbr\n\t\t\t: `UTC${ offsetSymbol }${ timezone.offset }`;\n\n\tconst timezoneDetail =\n\t\t'UTC' === timezone.string\n\t\t\t? __( 'Coordinated Universal Time' )\n\t\t\t: `(${ zoneAbbr }) ${ timezone.string.replace( '_', ' ' ) }`;\n\n\treturn (\n\t\t<Tooltip position=\"top center\" text={ timezoneDetail }>\n\t\t\t<StyledComponent className=\"components-datetime__timezone\">\n\t\t\t\t{ zoneAbbr }\n\t\t\t</StyledComponent>\n\t\t</Tooltip>\n\t);\n};\n\nexport default TimeZone;\n"]}