@tecsinapse/react-core 1.19.0 → 1.20.0

package/esm/components/molecules/DateTimePicker/DateTimePicker.js

@@ -0,0 +1,122 @@
+var _excluded = ["onChange", "value", "mode", "format", "locale", "upperDateThreshold", "lowerDateThreshold", "offsetThreshold", "upperOffsetThreshold", "lowerOffsetThreshold", "dateModalTitle", "timeModalTitle", "dateConfirmButtonText", "timeConfirmButtonText", "dayLabel", "monthLabel", "yearLabel", "hourLabel", "minuteLabel", "placeholder", "onFocus", "onBlur", "disabled", "controlComponent", "hintComponent", "hint", "variant", "TextComponent", "DateTimeSelectorComponent", "rightComponent", "style", "renderSelector", "requestShowSelector", "requestCloseSelector"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { format as formatDate } from 'date-fns';
+import * as React from 'react';
+import { useInputFocus } from '../../atoms/Input';
+import { Text } from '../../atoms/Text';
+import { CalendarIcon, getStyledTextComponent } from '../DatePicker/styled';
+import { DateTimeSelector } from '../DateTimeSelector';
+import { HintInputContainer } from '../HintInputContainer';
+import { getStyledDateTimeSelector } from './styled';
+
+var DateTimePicker = function DateTimePicker(_ref) {
+  var onChange = _ref.onChange,
+      value = _ref.value,
+      _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? 'date' : _ref$mode,
+      _ref$format = _ref.format,
+      format = _ref$format === void 0 ? 'yyyy-MM-dd hh:mm:ss' : _ref$format,
+      locale = _ref.locale,
+      upperDateThreshold = _ref.upperDateThreshold,
+      lowerDateThreshold = _ref.lowerDateThreshold,
+      offsetThreshold = _ref.offsetThreshold,
+      upperOffsetThreshold = _ref.upperOffsetThreshold,
+      lowerOffsetThreshold = _ref.lowerOffsetThreshold,
+      dateModalTitle = _ref.dateModalTitle,
+      timeModalTitle = _ref.timeModalTitle,
+      dateConfirmButtonText = _ref.dateConfirmButtonText,
+      timeConfirmButtonText = _ref.timeConfirmButtonText,
+      dayLabel = _ref.dayLabel,
+      monthLabel = _ref.monthLabel,
+      yearLabel = _ref.yearLabel,
+      hourLabel = _ref.hourLabel,
+      minuteLabel = _ref.minuteLabel,
+      placeholder = _ref.placeholder,
+      onFocus = _ref.onFocus,
+      onBlur = _ref.onBlur,
+      disabled = _ref.disabled,
+      controlComponent = _ref.controlComponent,
+      hintComponent = _ref.hintComponent,
+      hint = _ref.hint,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+      _ref$TextComponent = _ref.TextComponent,
+      TextComponent = _ref$TextComponent === void 0 ? Text : _ref$TextComponent,
+      _ref$DateTimeSelector = _ref.DateTimeSelectorComponent,
+      DateTimeSelectorComponent = _ref$DateTimeSelector === void 0 ? DateTimeSelector : _ref$DateTimeSelector,
+      rightComponent = _ref.rightComponent,
+      style = _ref.style,
+      renderSelector = _ref.renderSelector,
+      requestShowSelector = _ref.requestShowSelector,
+      requestCloseSelector = _ref.requestCloseSelector,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _useInputFocus = useInputFocus(onFocus, onBlur, !disabled),
+      focused = _useInputFocus.focused,
+      handleBlur = _useInputFocus.handleBlur,
+      handleFocus = _useInputFocus.handleFocus;
+
+  var handleShowSelector = function handleShowSelector() {
+    requestShowSelector();
+    handleFocus();
+  };
+
+  var handleChoosing = function handleChoosing(value) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    requestCloseSelector();
+  };
+
+  var StyledText = getStyledTextComponent(TextComponent);
+  var displayValue = (value ? formatDate(value, format, {
+    locale: locale
+  }) : placeholder) || ' ';
+  var StyledDateTimeSelector = getStyledDateTimeSelector(DateTimeSelectorComponent);
+  var dateTimeSelector = React.createElement(StyledDateTimeSelector, {
+    value: value,
+    mode: mode,
+    format: format,
+    locale: locale,
+    upperDateThreshold: upperDateThreshold,
+    lowerDateThreshold: lowerDateThreshold,
+    offsetThreshold: offsetThreshold,
+    upperOffsetThreshold: upperOffsetThreshold,
+    lowerOffsetThreshold: lowerOffsetThreshold,
+    dateModalTitle: dateModalTitle,
+    timeModalTitle: timeModalTitle,
+    dateConfirmButtonText: dateConfirmButtonText,
+    timeConfirmButtonText: timeConfirmButtonText,
+    dayLabel: dayLabel,
+    monthLabel: monthLabel,
+    yearLabel: yearLabel,
+    hourLabel: hourLabel,
+    minuteLabel: minuteLabel,
+    onChange: handleChoosing
+  });
+  return React.createElement(React.Fragment, null, controlComponent ? controlComponent(handleShowSelector, displayValue) : React.createElement(HintInputContainer, _extends({
+    focused: focused,
+    viewStyle: style,
+    onPress: handleShowSelector,
+    disabled: disabled,
+    LabelComponent: TextComponent,
+    variant: variant,
+    hint: hint,
+    hintComponent: hintComponent,
+    rightComponent: React.createElement(React.Fragment, null, React.createElement(CalendarIcon, {
+      name: "calendar-sharp",
+      type: "ionicon",
+      size: "centi"
+    }), rightComponent)
+  }, rest), React.createElement(StyledText, {
+    fontWeight: "bold",
+    disabled: disabled
+  }, displayValue)), renderSelector(dateTimeSelector, handleBlur));
+};
+
+export default DateTimePicker;
+//# sourceMappingURL=DateTimePicker.js.map

package/esm/components/molecules/DateTimePicker/DateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.js","names":["format","formatDate","React","useInputFocus","Text","CalendarIcon","getStyledTextComponent","DateTimeSelector","HintInputContainer","getStyledDateTimeSelector","DateTimePicker","onChange","value","mode","locale","upperDateThreshold","lowerDateThreshold","offsetThreshold","upperOffsetThreshold","lowerOffsetThreshold","dateModalTitle","timeModalTitle","dateConfirmButtonText","timeConfirmButtonText","dayLabel","monthLabel","yearLabel","hourLabel","minuteLabel","placeholder","onFocus","onBlur","disabled","controlComponent","hintComponent","hint","variant","TextComponent","DateTimeSelectorComponent","rightComponent","style","renderSelector","requestShowSelector","requestCloseSelector","rest","focused","handleBlur","handleFocus","handleShowSelector","handleChoosing","StyledText","displayValue","StyledDateTimeSelector","dateTimeSelector"],"sources":["../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { format as formatDate } from 'date-fns';\nimport * as React from 'react';\nimport { InputContainerProps, useInputFocus } from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { CalendarIcon, getStyledTextComponent } from '../DatePicker/styled';\nimport { DateTimeSelector, DateTimeSelectorProps } from '../DateTimeSelector';\nimport { HintInputContainer } from '../HintInputContainer';\nimport { getStyledDateTimeSelector } from './styled';\n\nexport interface DateTimePickerProps\n  extends InputContainerProps,\n    Omit<DateTimeSelectorProps, 'style'> {\n  controlComponent?: (\n    onPress: () => void,\n    displayValue?: string\n  ) => JSX.Element;\n  TextComponent?: React.FC<TextProps>;\n  DateTimeSelectorComponent: React.FC<DateTimeSelectorProps>;\n  placeholder?: string;\n  onFocus?: () => void | never;\n  onBlur?: () => void | never;\n  renderSelector: (\n    selector: React.ReactElement,\n    blur?: () => void\n  ) => JSX.Element | null;\n  requestShowSelector: () => void;\n  requestCloseSelector: () => void;\n}\n\nconst DateTimePicker: React.FC<DateTimePickerProps> = ({\n  onChange,\n  value,\n  mode = 'date',\n  format = 'yyyy-MM-dd hh:mm:ss',\n  locale,\n  upperDateThreshold,\n  lowerDateThreshold,\n  offsetThreshold,\n  upperOffsetThreshold,\n  lowerOffsetThreshold,\n  dateModalTitle,\n  timeModalTitle,\n  dateConfirmButtonText,\n  timeConfirmButtonText,\n  dayLabel,\n  monthLabel,\n  yearLabel,\n  hourLabel,\n  minuteLabel,\n  placeholder,\n  onFocus,\n  onBlur,\n  disabled,\n  controlComponent,\n  hintComponent,\n  hint,\n  variant = 'default',\n  TextComponent = Text,\n  DateTimeSelectorComponent = DateTimeSelector,\n  rightComponent,\n  style,\n  renderSelector,\n  requestShowSelector,\n  requestCloseSelector,\n  ...rest\n}) => {\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  const handleShowSelector = () => {\n    requestShowSelector();\n    handleFocus();\n  };\n\n  const handleChoosing = (value: Date) => {\n    onChange?.(value);\n    requestCloseSelector();\n  };\n\n  const StyledText = getStyledTextComponent(TextComponent);\n  const displayValue =\n    (value ? formatDate(value, format, { locale: locale }) : placeholder) ||\n    ' ';\n  const StyledDateTimeSelector = getStyledDateTimeSelector(\n    DateTimeSelectorComponent\n  );\n\n  const dateTimeSelector = (\n    <StyledDateTimeSelector\n      value={value}\n      mode={mode}\n      format={format}\n      locale={locale}\n      upperDateThreshold={upperDateThreshold}\n      lowerDateThreshold={lowerDateThreshold}\n      offsetThreshold={offsetThreshold}\n      upperOffsetThreshold={upperOffsetThreshold}\n      lowerOffsetThreshold={lowerOffsetThreshold}\n      dateModalTitle={dateModalTitle}\n      timeModalTitle={timeModalTitle}\n      dateConfirmButtonText={dateConfirmButtonText}\n      timeConfirmButtonText={timeConfirmButtonText}\n      dayLabel={dayLabel}\n      monthLabel={monthLabel}\n      yearLabel={yearLabel}\n      hourLabel={hourLabel}\n      minuteLabel={minuteLabel}\n      onChange={handleChoosing}\n    />\n  );\n\n  return (\n    <>\n      {controlComponent ? (\n        controlComponent(handleShowSelector, displayValue)\n      ) : (\n        <HintInputContainer\n          focused={focused}\n          viewStyle={style}\n          onPress={handleShowSelector}\n          disabled={disabled}\n          LabelComponent={TextComponent}\n          variant={variant}\n          hint={hint}\n          hintComponent={hintComponent}\n          rightComponent={\n            <>\n              <CalendarIcon name=\"calendar-sharp\" type=\"ionicon\" size=\"centi\" />\n              {rightComponent}\n            </>\n          }\n          {...rest}\n        >\n          <StyledText fontWeight=\"bold\" disabled={disabled}>\n            {displayValue}\n          </StyledText>\n        </HintInputContainer>\n      )}\n      {renderSelector(dateTimeSelector, handleBlur)}\n    </>\n  );\n};\n\nexport default DateTimePicker;\n"],"mappings":"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"}

package/esm/components/molecules/DateTimePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DateTimePicker } from './DateTimePicker';
+export type { DateTimePickerProps } from './DateTimePicker';

package/esm/components/molecules/DateTimePicker/index.js

@@ -0,0 +1,2 @@
+export { default as DateTimePicker } from './DateTimePicker';
+//# sourceMappingURL=index.js.map

package/esm/components/molecules/DateTimePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","DateTimePicker"],"sources":["../../../../src/components/molecules/DateTimePicker/index.ts"],"sourcesContent":["export { default as DateTimePicker } from './DateTimePicker';\nexport type { DateTimePickerProps } from './DateTimePicker';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAApB,QAA0C,kBAA1C"}

package/esm/components/molecules/DateTimePicker/styled.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { DateTimeSelectorProps } from '../DateTimeSelector';
+export declare const getStyledDateTimeSelector: (component: FC<DateTimeSelectorProps>) => import("@emotion/native").StyledComponent<DateTimeSelectorProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

package/esm/components/molecules/DateTimePicker/styled.js

@@ -0,0 +1,12 @@
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled from '@emotion/native';
+export var getStyledDateTimeSelector = function getStyledDateTimeSelector(component) {
+  return styled(component)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: ", ";\n  "])), function (_ref) {
+    var theme = _ref.theme;
+    return theme.spacing.deca;
+  });
+};
+//# sourceMappingURL=styled.js.map

package/esm/components/molecules/DateTimePicker/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","getStyledDateTimeSelector","component","theme","spacing","deca"],"sources":["../../../../src/components/molecules/DateTimePicker/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { DateTimeSelectorProps } from '../DateTimeSelector';\n\nexport const getStyledDateTimeSelector = (\n  component: FC<DateTimeSelectorProps>\n) => {\n  return styled(component)<Partial<StyleProps>>`\n    padding: ${({ theme }) => theme.spacing.deca};\n  `;\n};\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAKA,OAAO,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CACvCC,SADuC,EAEpC;EACH,OAAOF,MAAM,CAACE,SAAD,CAAb,8FACa;IAAA,IAAGC,KAAH,QAAGA,KAAH;IAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;EAAA,CADb;AAGD,CANM"}

package/esm/components/molecules/DateTimeSelector/DateTimeSelector.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+import { TextProps } from '../../atoms/Text';
+export declare type DateTimeSelectorMode = 'date' | 'time' | 'datetime' | 'month';
+export interface DateTimeSelectorProps extends ViewProps {
+    TextComponent?: React.FC<TextProps>;
+    value?: Date;
+    onChange?: (value: Date) => void | never;
+    mode?: DateTimeSelectorMode;
+    format?: string;
+    locale?: Locale;
+    upperDateThreshold?: Date;
+    lowerDateThreshold?: Date;
+    offsetThreshold?: number;
+    upperOffsetThreshold?: number;
+    lowerOffsetThreshold?: number;
+    dateModalTitle?: string;
+    timeModalTitle?: string;
+    dateConfirmButtonText?: string;
+    timeConfirmButtonText?: string;
+    dayLabel?: string;
+    monthLabel?: string;
+    yearLabel?: string;
+    hourLabel?: string;
+    minuteLabel?: string;
+}
+declare const DateTimeSelector: React.FC<DateTimeSelectorProps>;
+export default DateTimeSelector;

package/esm/components/molecules/DateTimeSelector/DateTimeSelector.js

@@ -0,0 +1,219 @@
+var _excluded = ["TextComponent", "value", "onChange", "mode", "locale", "upperDateThreshold", "lowerDateThreshold", "offsetThreshold", "upperOffsetThreshold", "lowerOffsetThreshold", "dateModalTitle", "timeModalTitle", "dateConfirmButtonText", "timeConfirmButtonText", "dayLabel", "monthLabel", "yearLabel", "hourLabel", "minuteLabel"];
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { add, compareAsc, format as formatDate, getDaysInMonth, isSameDay, isSameMonth, isSameYear, set, sub } from 'date-fns';
+import * as React from 'react';
+import { Button } from '../../atoms/Button';
+import { Icon } from '../../atoms/Icon';
+import { Text } from '../../atoms/Text';
+import { Selector } from './Selector';
+import { BackButton, Content, Header, Root, SelectorContainer } from './styled';
+
+function getThresholdUnit(mode, threshold) {
+  if (!threshold) return {};
+
+  if (mode === 'month') {
+    return {
+      months: threshold
+    };
+  } else if (['date', 'datetime'].includes(mode)) {
+    return {
+      days: threshold
+    };
+  } else {
+    return {
+      hours: threshold
+    };
+  }
+}
+
+var DateTimeSelector = function DateTimeSelector(_ref) {
+  var _ref$TextComponent = _ref.TextComponent,
+      TextComponent = _ref$TextComponent === void 0 ? Text : _ref$TextComponent,
+      value = _ref.value,
+      onChange = _ref.onChange,
+      _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? 'date' : _ref$mode,
+      locale = _ref.locale,
+      _upperDateThreshold = _ref.upperDateThreshold,
+      _lowerDateThreshold = _ref.lowerDateThreshold,
+      offsetThreshold = _ref.offsetThreshold,
+      upperOffsetThreshold = _ref.upperOffsetThreshold,
+      lowerOffsetThreshold = _ref.lowerOffsetThreshold,
+      dateModalTitle = _ref.dateModalTitle,
+      timeModalTitle = _ref.timeModalTitle,
+      dateConfirmButtonText = _ref.dateConfirmButtonText,
+      timeConfirmButtonText = _ref.timeConfirmButtonText,
+      dayLabel = _ref.dayLabel,
+      monthLabel = _ref.monthLabel,
+      yearLabel = _ref.yearLabel,
+      hourLabel = _ref.hourLabel,
+      minuteLabel = _ref.minuteLabel,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var lowerDateThreshold = _lowerDateThreshold || (offsetThreshold || lowerOffsetThreshold) && sub(new Date(), getThresholdUnit(mode, offsetThreshold || lowerOffsetThreshold));
+
+  var upperDateThreshold = _upperDateThreshold || (offsetThreshold || upperOffsetThreshold) && add(new Date(), getThresholdUnit(mode, offsetThreshold || upperOffsetThreshold));
+
+  var _React$useState = React.useState(value || new Date()),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      date = _React$useState2[0],
+      setDate = _React$useState2[1];
+
+  var _React$useState3 = React.useState(0),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      currentMode = _React$useState4[0],
+      setCurrentMode = _React$useState4[1];
+
+  var isDate = ['date', 'month'].includes(mode) || mode === 'datetime' && currentMode === 0;
+  var modalTitle = isDate ? dateModalTitle : timeModalTitle;
+  var confirmButtonText = isDate ? dateConfirmButtonText : timeConfirmButtonText;
+
+  var handleChange = function handleChange(granularity) {
+    return function (newValue) {
+      setDate(function (date) {
+        var newState;
+
+        if (['month', 'year'].includes(granularity)) {
+          var newDate = set(date, _defineProperty({}, granularity, newValue));
+          var daysInMonth = getDaysInMonth(newDate);
+
+          if (granularity === 'year' && date.getMonth() != newDate.getMonth()) {
+            newDate = set(newDate, {
+              month: date.getMonth()
+            });
+            newState = set(newDate, {
+              date: getDaysInMonth(newDate)
+            });
+          }
+
+          newState = daysInMonth < date.getDate() ? set(newDate, {
+            date: daysInMonth
+          }) : newDate;
+        } else {
+          newState = set(date, _defineProperty({}, granularity, newValue));
+        }
+
+        if (upperDateThreshold && compareAsc(newState, upperDateThreshold) > 0) {
+          return upperDateThreshold;
+        } else if (lowerDateThreshold && compareAsc(newState, lowerDateThreshold) < 0) {
+          return lowerDateThreshold;
+        } else {
+          return newState;
+        }
+      });
+    };
+  };
+
+  var getDisplayedValue = function getDisplayedValue(granularity) {
+    return function (value) {
+      return granularity === 'month' ? formatDate(date, 'MMM', {
+        locale: locale
+      }).slice(0, 3) : value.toString().padStart(2, '0');
+    };
+  };
+
+  var handlePressConfirm = function handlePressConfirm() {
+    if (mode === 'datetime' && currentMode === 0) {
+      setCurrentMode(1);
+    } else {
+      onChange === null || onChange === void 0 ? void 0 : onChange(date);
+    }
+  };
+
+  var handlePressBack = function handlePressBack() {
+    setCurrentMode(0);
+  };
+
+  return React.createElement(Root, rest, React.createElement(Header, null, currentMode === 1 && React.createElement(BackButton, {
+    onPress: handlePressBack
+  }, React.createElement(Icon, {
+    type: 'material-community',
+    name: 'chevron-left',
+    size: 'mega',
+    colorVariant: 'secondary'
+  })), React.createElement(TextComponent, {
+    typography: 'base',
+    colorVariant: 'secondary'
+  }, modalTitle)), isDate ? React.createElement(Content, null, mode !== 'month' && React.createElement(SelectorContainer, {
+    isFirst: true
+  }, React.createElement(Selector, {
+    TextComponent: TextComponent,
+    onChange: handleChange('date'),
+    referenceDate: date,
+    value: date.getDate(),
+    label: dayLabel || 'Day',
+    granularity: 'date',
+    getDisplayValue: getDisplayedValue('date'),
+    preventUpper: upperDateThreshold ? isSameDay(upperDateThreshold, date) : false,
+    preventLower: lowerDateThreshold ? isSameDay(lowerDateThreshold, date) : false
+  })), React.createElement(SelectorContainer, null, React.createElement(Selector, {
+    TextComponent: TextComponent,
+    onChange: handleChange('month'),
+    referenceDate: date,
+    value: date.getMonth(),
+    label: monthLabel || 'Month',
+    granularity: 'month',
+    getDisplayValue: getDisplayedValue('month'),
+    preventUpper: upperDateThreshold ? isSameMonth(upperDateThreshold, date) : false,
+    preventLower: lowerDateThreshold ? isSameMonth(lowerDateThreshold, date) : false
+  })), React.createElement(SelectorContainer, {
+    isLast: true
+  }, React.createElement(Selector, {
+    TextComponent: TextComponent,
+    onChange: handleChange('year'),
+    referenceDate: date,
+    value: date.getFullYear(),
+    label: yearLabel || 'Year',
+    granularity: 'year',
+    getDisplayValue: getDisplayedValue('year'),
+    preventUpper: upperDateThreshold ? isSameYear(upperDateThreshold, date) : false,
+    preventLower: lowerDateThreshold ? isSameYear(lowerDateThreshold, date) : false
+  }))) : React.createElement(Content, null, React.createElement(SelectorContainer, {
+    isFirst: true
+  }, React.createElement(Selector, {
+    TextComponent: TextComponent,
+    onChange: handleChange('hours'),
+    referenceDate: date,
+    value: date.getHours(),
+    label: hourLabel || 'Hour',
+    granularity: 'hours',
+    getDisplayValue: getDisplayedValue('hours')
+  })), React.createElement(SelectorContainer, {
+    isLast: true
+  }, React.createElement(Selector, {
+    TextComponent: TextComponent,
+    onChange: handleChange('minutes'),
+    referenceDate: date,
+    value: date.getMinutes(),
+    label: minuteLabel || 'Minute',
+    granularity: 'minutes',
+    getDisplayValue: getDisplayedValue('minutes')
+  }))), React.createElement(Button, {
+    color: 'primary',
+    onPress: handlePressConfirm
+  }, React.createElement(TextComponent, {
+    fontWeight: "bold",
+    fontColor: "light"
+  }, confirmButtonText || 'OK')));
+};
+
+export default DateTimeSelector;
+//# sourceMappingURL=DateTimeSelector.js.map

package/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeSelector.js","names":["add","compareAsc","format","formatDate","getDaysInMonth","isSameDay","isSameMonth","isSameYear","set","sub","React","Button","Icon","Text","Selector","BackButton","Content","Header","Root","SelectorContainer","getThresholdUnit","mode","threshold","months","includes","days","hours","DateTimeSelector","TextComponent","value","onChange","locale","_upperDateThreshold","upperDateThreshold","_lowerDateThreshold","lowerDateThreshold","offsetThreshold","upperOffsetThreshold","lowerOffsetThreshold","dateModalTitle","timeModalTitle","dateConfirmButtonText","timeConfirmButtonText","dayLabel","monthLabel","yearLabel","hourLabel","minuteLabel","rest","Date","useState","date","setDate","currentMode","setCurrentMode","isDate","modalTitle","confirmButtonText","handleChange","granularity","newValue","newState","newDate","daysInMonth","getMonth","month","getDate","getDisplayedValue","slice","toString","padStart","handlePressConfirm","handlePressBack","getFullYear","getHours","getMinutes"],"sources":["../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n  add,\n  compareAsc,\n  format as formatDate,\n  getDaysInMonth,\n  isSameDay,\n  isSameMonth,\n  isSameYear,\n  set,\n  sub,\n} from 'date-fns';\nimport * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { Button } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { Granularity, Selector } from './Selector';\nimport { BackButton, Content, Header, Root, SelectorContainer } from './styled';\n\nexport type DateTimeSelectorMode = 'date' | 'time' | 'datetime' | 'month';\n\nexport interface DateTimeSelectorProps extends ViewProps {\n  TextComponent?: React.FC<TextProps>;\n  value?: Date;\n  onChange?: (value: Date) => void | never;\n\n  /**\n   * Defines the Picker behavior\n   * Must be one of ['date', 'time', 'datetime', 'month']\n   */\n  mode?: DateTimeSelectorMode;\n  format?: string;\n  locale?: Locale;\n\n  /**\n   * Maximum date from today\n   */\n  upperDateThreshold?: Date;\n\n  /**\n   * Minimum date from today\n   */\n  lowerDateThreshold?: Date;\n\n  /**\n   * Minimum and maximum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  offsetThreshold?: number;\n\n  /**\n   * Maximum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  upperOffsetThreshold?: number;\n\n  /**\n   * Minimum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  lowerOffsetThreshold?: number;\n\n  dateModalTitle?: string;\n  timeModalTitle?: string;\n  dateConfirmButtonText?: string;\n  timeConfirmButtonText?: string;\n  dayLabel?: string;\n  monthLabel?: string;\n  yearLabel?: string;\n  hourLabel?: string;\n  minuteLabel?: string;\n}\n\nfunction getThresholdUnit(mode: DateTimeSelectorMode, threshold?: number) {\n  if (!threshold) return {};\n  if (mode === 'month') {\n    return { months: threshold };\n  } else if (['date', 'datetime'].includes(mode)) {\n    return { days: threshold };\n  } else {\n    return { hours: threshold };\n  }\n}\n\nconst DateTimeSelector: React.FC<DateTimeSelectorProps> = ({\n  TextComponent = Text,\n  value,\n  onChange,\n  mode = 'date',\n  locale,\n  upperDateThreshold: _upperDateThreshold,\n  lowerDateThreshold: _lowerDateThreshold,\n  offsetThreshold,\n  upperOffsetThreshold,\n  lowerOffsetThreshold,\n  dateModalTitle,\n  timeModalTitle,\n  dateConfirmButtonText,\n  timeConfirmButtonText,\n  dayLabel,\n  monthLabel,\n  yearLabel,\n  hourLabel,\n  minuteLabel,\n  ...rest\n}) => {\n  const lowerDateThreshold =\n    _lowerDateThreshold ||\n    ((offsetThreshold || lowerOffsetThreshold) &&\n      sub(\n        new Date(),\n        getThresholdUnit(mode, offsetThreshold || lowerOffsetThreshold)\n      ));\n\n  const upperDateThreshold =\n    _upperDateThreshold ||\n    ((offsetThreshold || upperOffsetThreshold) &&\n      add(\n        new Date(),\n        getThresholdUnit(mode, offsetThreshold || upperOffsetThreshold)\n      ));\n\n  const [date, setDate] = React.useState<Date>(value || new Date());\n  const [currentMode, setCurrentMode] = React.useState<0 | 1>(0);\n\n  const isDate =\n    ['date', 'month'].includes(mode) ||\n    (mode === 'datetime' && currentMode === 0);\n\n  const modalTitle = isDate ? dateModalTitle : timeModalTitle;\n  const confirmButtonText = isDate\n    ? dateConfirmButtonText\n    : timeConfirmButtonText;\n\n  const handleChange = (granularity: Granularity) => (newValue: number) => {\n    setDate(date => {\n      let newState: Date;\n      // Months and years must have a different handling for being\n      // the only date units that may interfere another unit.\n      if (['month', 'year'].includes(granularity)) {\n        let newDate = set(date, { [granularity]: newValue });\n        const daysInMonth = getDaysInMonth(newDate);\n        if (granularity === 'year' && date.getMonth() != newDate.getMonth()) {\n          newDate = set(newDate, { month: date.getMonth() });\n          newState = set(newDate, { date: getDaysInMonth(newDate) });\n        }\n        newState =\n          daysInMonth < date.getDate()\n            ? set(newDate, { date: daysInMonth })\n            : newDate;\n      } else {\n        newState = set(date, { [granularity]: newValue });\n      }\n\n      if (upperDateThreshold && compareAsc(newState, upperDateThreshold) > 0) {\n        return upperDateThreshold;\n      } else if (\n        lowerDateThreshold &&\n        compareAsc(newState, lowerDateThreshold) < 0\n      ) {\n        return lowerDateThreshold;\n      } else {\n        return newState;\n      }\n    });\n  };\n\n  const getDisplayedValue = (granularity: Granularity) => (value: number) => {\n    return granularity === 'month'\n      ? formatDate(date, 'MMM', { locale: locale }).slice(0, 3)\n      : value.toString().padStart(2, '0');\n  };\n\n  const handlePressConfirm = () => {\n    if (mode === 'datetime' && currentMode === 0) {\n      setCurrentMode(1);\n    } else {\n      onChange?.(date);\n    }\n  };\n\n  const handlePressBack = () => {\n    setCurrentMode(0);\n  };\n\n  return (\n    <Root {...rest}>\n      <Header>\n        {currentMode === 1 && (\n          <BackButton onPress={handlePressBack}>\n            <Icon\n              type={'material-community'}\n              name={'chevron-left'}\n              size={'mega'}\n              colorVariant={'secondary'}\n            />\n          </BackButton>\n        )}\n        <TextComponent typography={'base'} colorVariant={'secondary'}>\n          {modalTitle}\n        </TextComponent>\n      </Header>\n\n      {isDate ? (\n        <Content>\n          {mode !== 'month' && (\n            <SelectorContainer isFirst>\n              <Selector\n                TextComponent={TextComponent}\n                onChange={handleChange('date')}\n                referenceDate={date}\n                value={date.getDate()}\n                label={dayLabel || 'Day'}\n                granularity={'date'}\n                getDisplayValue={getDisplayedValue('date')}\n                preventUpper={\n                  upperDateThreshold\n                    ? isSameDay(upperDateThreshold, date)\n                    : false\n                }\n                preventLower={\n                  lowerDateThreshold\n                    ? isSameDay(lowerDateThreshold, date)\n                    : false\n                }\n              />\n            </SelectorContainer>\n          )}\n          <SelectorContainer>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('month')}\n              referenceDate={date}\n              value={date.getMonth()}\n              label={monthLabel || 'Month'}\n              granularity={'month'}\n              getDisplayValue={getDisplayedValue('month')}\n              preventUpper={\n                upperDateThreshold\n                  ? isSameMonth(upperDateThreshold, date)\n                  : false\n              }\n              preventLower={\n                lowerDateThreshold\n                  ? isSameMonth(lowerDateThreshold, date)\n                  : false\n              }\n            />\n          </SelectorContainer>\n          <SelectorContainer isLast>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('year')}\n              referenceDate={date}\n              value={date.getFullYear()}\n              label={yearLabel || 'Year'}\n              granularity={'year'}\n              getDisplayValue={getDisplayedValue('year')}\n              preventUpper={\n                upperDateThreshold\n                  ? isSameYear(upperDateThreshold, date)\n                  : false\n              }\n              preventLower={\n                lowerDateThreshold\n                  ? isSameYear(lowerDateThreshold, date)\n                  : false\n              }\n            />\n          </SelectorContainer>\n        </Content>\n      ) : (\n        <Content>\n          <SelectorContainer isFirst>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('hours')}\n              referenceDate={date}\n              value={date.getHours()}\n              label={hourLabel || 'Hour'}\n              granularity={'hours'}\n              getDisplayValue={getDisplayedValue('hours')}\n            />\n          </SelectorContainer>\n          <SelectorContainer isLast>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('minutes')}\n              referenceDate={date}\n              value={date.getMinutes()}\n              label={minuteLabel || 'Minute'}\n              granularity={'minutes'}\n              getDisplayValue={getDisplayedValue('minutes')}\n            />\n          </SelectorContainer>\n        </Content>\n      )}\n      <Button color={'primary'} onPress={handlePressConfirm}>\n        <TextComponent fontWeight=\"bold\" fontColor=\"light\">\n          {confirmButtonText || 'OK'}\n        </TextComponent>\n      </Button>\n    </Root>\n  );\n};\n\nexport default DateTimeSelector;\n"],"mappings":"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"}

package/esm/components/molecules/DateTimeSelector/Selector.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+import { TextProps } from '../../atoms/Text';
+export declare type Granularity = 'date' | 'month' | 'year' | 'hours' | 'minutes';
+interface SelectorProps extends ViewProps {
+    TextComponent: React.FC<TextProps>;
+    granularity: Granularity;
+    referenceDate: Date;
+    label: string;
+    value: number;
+    getDisplayValue: (value: number) => string;
+    onChange: (value: number) => void | never;
+    preventUpper?: boolean;
+    preventLower?: boolean;
+}
+export declare const Selector: React.FC<SelectorProps>;
+export {};

package/esm/components/molecules/DateTimeSelector/Selector.js

@@ -0,0 +1,113 @@
+var _excluded = ["granularity", "label", "value", "onChange", "getDisplayValue", "referenceDate", "preventUpper", "preventLower", "TextComponent"];
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { getDaysInMonth } from 'date-fns';
+import * as React from 'react';
+import { Icon } from '../../atoms/Icon';
+import { Control, SelectorRoot, SelectorValue } from './styled';
+
+function getPrevAndNext(value, granularity, daysInMonth) {
+  var multiplier = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  var next = value + multiplier,
+      prev = value - multiplier;
+
+  if (granularity === 'date') {
+    next = next > daysInMonth ? 1 : next;
+    prev = prev < 1 ? daysInMonth : prev;
+  } else if (granularity === 'month') {
+    next = next > 11 ? 0 : next;
+    prev = prev < 0 ? 11 : prev;
+  } else if (granularity === 'hours') {
+    next = next > 23 ? 0 : next;
+    prev = prev < 0 ? 23 : prev;
+  } else if (granularity === 'minutes') {
+    next = next > 59 ? 0 : next;
+    prev = prev < 0 ? 59 : prev;
+  }
+
+  return [prev, next];
+}
+
+export var Selector = function Selector(_ref) {
+  var granularity = _ref.granularity,
+      label = _ref.label,
+      value = _ref.value,
+      onChange = _ref.onChange,
+      getDisplayValue = _ref.getDisplayValue,
+      referenceDate = _ref.referenceDate,
+      preventUpper = _ref.preventUpper,
+      preventLower = _ref.preventLower,
+      TextComponent = _ref.TextComponent,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var pressInTimeoutRef = React.useRef();
+
+  var handlePressInNext = function handlePressInNext(_next) {
+    var daysInMonth = getDaysInMonth(referenceDate);
+
+    var next = _next || getPrevAndNext(value, granularity, daysInMonth)[1];
+
+    clearTimeout(pressInTimeoutRef.current);
+    pressInTimeoutRef.current = setTimeout(function () {
+      handlePressInNext(getPrevAndNext(next, granularity, daysInMonth, 3)[1]);
+    }, 500);
+    onChange(next);
+  };
+
+  var handlePressInPrev = function handlePressInPrev(_prev) {
+    var daysInMonth = getDaysInMonth(referenceDate);
+
+    var prev = _prev || getPrevAndNext(value, granularity, daysInMonth)[0];
+
+    clearTimeout(pressInTimeoutRef.current);
+    pressInTimeoutRef.current = setTimeout(function () {
+      handlePressInPrev(getPrevAndNext(prev, granularity, daysInMonth, 3)[0]);
+    }, 500);
+    onChange(prev);
+  };
+
+  var handlePressOut = function handlePressOut() {
+    pressInTimeoutRef.current && clearTimeout(pressInTimeoutRef.current);
+  };
+
+  return React.createElement(SelectorRoot, rest, React.createElement(Control, {
+    onPressIn: function onPressIn() {
+      return requestAnimationFrame(function () {
+        return handlePressInNext();
+      });
+    },
+    onPressOut: handlePressOut,
+    disabled: preventUpper
+  }, React.createElement(Icon, {
+    name: 'chevron-up',
+    type: 'material-community',
+    size: 'mega',
+    colorVariant: 'primary'
+  })), React.createElement(SelectorValue, null, React.createElement(TextComponent, {
+    colorVariant: 'secondary',
+    typography: 'sub'
+  }, label), React.createElement(TextComponent, {
+    fontWeight: 'bold',
+    typography: 'h5'
+  }, getDisplayValue(value))), React.createElement(Control, {
+    onPressIn: function onPressIn() {
+      return requestAnimationFrame(function () {
+        return handlePressInPrev();
+      });
+    },
+    onPressOut: handlePressOut,
+    disabled: preventLower,
+    style: {
+      opacity: preventLower ? 0 : 1
+    }
+  }, React.createElement(Icon, {
+    name: 'chevron-down',
+    type: 'material-community',
+    size: 'mega',
+    colorVariant: 'primary'
+  })));
+};
+//# sourceMappingURL=Selector.js.map

package/esm/components/molecules/DateTimeSelector/Selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selector.js","names":["getDaysInMonth","React","Icon","Control","SelectorRoot","SelectorValue","getPrevAndNext","value","granularity","daysInMonth","multiplier","next","prev","Selector","label","onChange","getDisplayValue","referenceDate","preventUpper","preventLower","TextComponent","rest","pressInTimeoutRef","useRef","handlePressInNext","_next","clearTimeout","current","setTimeout","handlePressInPrev","_prev","handlePressOut","requestAnimationFrame","opacity"],"sources":["../../../../src/components/molecules/DateTimeSelector/Selector.tsx"],"sourcesContent":["import { getDaysInMonth } from 'date-fns';\nimport * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { Icon } from '../../atoms/Icon';\nimport { TextProps } from '../../atoms/Text';\nimport { Control, SelectorRoot, SelectorValue } from './styled';\n\nexport type Granularity = 'date' | 'month' | 'year' | 'hours' | 'minutes';\n\ninterface SelectorProps extends ViewProps {\n  TextComponent: React.FC<TextProps>;\n  granularity: Granularity;\n  referenceDate: Date;\n  label: string;\n  value: number;\n  getDisplayValue: (value: number) => string;\n  onChange: (value: number) => void | never;\n  preventUpper?: boolean;\n  preventLower?: boolean;\n}\n\nfunction getPrevAndNext(\n  value: number,\n  granularity: Granularity,\n  daysInMonth: number,\n  multiplier = 1\n): [number, number] {\n  let next = value + multiplier,\n    prev = value - multiplier;\n\n  if (granularity === 'date') {\n    next = next > daysInMonth ? 1 : next;\n    prev = prev < 1 ? daysInMonth : prev;\n  } else if (granularity === 'month') {\n    next = next > 11 ? 0 : next;\n    prev = prev < 0 ? 11 : prev;\n  } else if (granularity === 'hours') {\n    next = next > 23 ? 0 : next;\n    prev = prev < 0 ? 23 : prev;\n  } else if (granularity === 'minutes') {\n    next = next > 59 ? 0 : next;\n    prev = prev < 0 ? 59 : prev;\n  }\n\n  return [prev, next];\n}\nexport const Selector: React.FC<SelectorProps> = ({\n  granularity,\n  label,\n  value,\n  onChange,\n  getDisplayValue,\n  referenceDate,\n  preventUpper,\n  preventLower,\n  TextComponent,\n  ...rest\n}) => {\n  const pressInTimeoutRef = React.useRef<number>();\n\n  const handlePressInNext = (_next?: number) => {\n    const daysInMonth = getDaysInMonth(referenceDate);\n    const next = _next || getPrevAndNext(value, granularity, daysInMonth)[1];\n    clearTimeout(pressInTimeoutRef.current);\n    pressInTimeoutRef.current = setTimeout(() => {\n      handlePressInNext(getPrevAndNext(next, granularity, daysInMonth, 3)[1]);\n    }, 500);\n    onChange(next);\n  };\n\n  const handlePressInPrev = (_prev?: number) => {\n    const daysInMonth = getDaysInMonth(referenceDate);\n    const prev = _prev || getPrevAndNext(value, granularity, daysInMonth)[0];\n    clearTimeout(pressInTimeoutRef.current);\n    pressInTimeoutRef.current = setTimeout(() => {\n      handlePressInPrev(getPrevAndNext(prev, granularity, daysInMonth, 3)[0]);\n    }, 500);\n    onChange(prev);\n  };\n\n  const handlePressOut = () => {\n    pressInTimeoutRef.current && clearTimeout(pressInTimeoutRef.current);\n  };\n\n  return (\n    <SelectorRoot {...rest}>\n      <Control\n        onPressIn={() => requestAnimationFrame(() => handlePressInNext())}\n        onPressOut={handlePressOut}\n        disabled={preventUpper}\n      >\n        <Icon\n          name={'chevron-up'}\n          type={'material-community'}\n          size={'mega'}\n          colorVariant={'primary'}\n        />\n      </Control>\n      <SelectorValue>\n        <TextComponent colorVariant={'secondary'} typography={'sub'}>\n          {label}\n        </TextComponent>\n        <TextComponent fontWeight={'bold'} typography={'h5'}>\n          {getDisplayValue(value)}\n        </TextComponent>\n      </SelectorValue>\n      <Control\n        onPressIn={() => requestAnimationFrame(() => handlePressInPrev())}\n        onPressOut={handlePressOut}\n        disabled={preventLower}\n        style={{ opacity: preventLower ? 0 : 1 }}\n      >\n        <Icon\n          name={'chevron-down'}\n          type={'material-community'}\n          size={'mega'}\n          colorVariant={'primary'}\n        />\n      </Control>\n    </SelectorRoot>\n  );\n};\n"],"mappings":"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"}

package/esm/components/molecules/DateTimeSelector/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DateTimeSelector } from './DateTimeSelector';
+export type { DateTimeSelectorProps, DateTimeSelectorMode, } from './DateTimeSelector';

package/esm/components/molecules/DateTimeSelector/index.js

@@ -0,0 +1,2 @@
+export { default as DateTimeSelector } from './DateTimeSelector';
+//# sourceMappingURL=index.js.map

package/esm/components/molecules/DateTimeSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","DateTimeSelector"],"sources":["../../../../src/components/molecules/DateTimeSelector/index.ts"],"sourcesContent":["export { default as DateTimeSelector } from './DateTimeSelector';\nexport type {\n  DateTimeSelectorProps,\n  DateTimeSelectorMode,\n} from './DateTimeSelector';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAApB,QAA4C,oBAA5C"}