@terraware/web-components 2.12.8 → 2.12.9-rc.1

package/components/DatePicker/DatePicker.d.ts

@@ -1,23 +1,25 @@
-import 'moment/min/locales';
 import React, { KeyboardEventHandler } from 'react';
+import { DateTime } from 'luxon';
 import './styles.scss';
+import { DateType } from '../../utils/date';
+export type DatePickerDateType = Exclude<DateType, Date> | null;
 export interface Props {
-    id: string;
-    autoFocus?: boolean;
-    label: React.ReactNode;
-    value?: string | null;
-    onChange: (value?: string | null) => void;
     'aria-label': string;
-    onKeyPress?: KeyboardEventHandler;
-    minDate?: any;
-    maxDate?: any;
+    autoFocus?: boolean;
+    className?: string;
     defaultTimeZone?: string;
-    locale?: string;
+    disabled?: boolean;
     errorText?: string;
     helperText?: string;
-    disabled?: boolean;
-    className?: string;
+    id: string;
+    label: React.ReactNode;
+    locale?: string;
+    maxDate?: DatePickerDateType;
+    minDate?: DatePickerDateType;
+    onChange: (value?: DateTime | null) => void;
     onError?: (reason: any, value: any) => void;
+    onKeyPress?: KeyboardEventHandler;
+    value?: DatePickerDateType;
 }
 export default function DatePicker(props: Props): JSX.Element;
 //# sourceMappingURL=DatePicker.d.ts.map

package/components/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAY,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAK9D,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAyD5D"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAW,MAAM,kBAAkB,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC;AAEhE,MAAM,WAAW,KAAK;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B;AAgBD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiE5D"}

package/components/DatePicker/DatePicker.js

@@ -6,32 +6,48 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DatePicker;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-require("moment/min/locales");
 var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
 var _xDatePickers = require("@mui/x-date-pickers");
-var _AdapterMoment = require("@mui/x-date-pickers/AdapterMoment");
+var _AdapterLuxon = require("@mui/x-date-pickers/AdapterLuxon");
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 require("./styles.scss");
+var _date = require("../../utils/date");
+var initializeDate = function initializeDate(value, defaultTimeZone) {
+  if (!value) {
+    return null;
+  }
+  if (typeof value === 'string' || typeof value === 'number') {
+    var date = (0, _date.getDate)(value, defaultTimeZone);
+    return date !== null && date !== void 0 && date.isValid ? date : null;
+  }
+  return value;
+};
 function DatePicker(props) {
-  var _props$locale, _props$defaultTimeZon;
-  var _useState = (0, _react.useState)(props.value || null),
+  var _props$locale;
+  var _useState = (0, _react.useState)(initializeDate(props.value, props.defaultTimeZone)),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     temporalValue = _useState2[0],
     setTemporalValue = _useState2[1];
   var locale = (_props$locale = props.locale) !== null && _props$locale !== void 0 ? _props$locale : 'en';
-  _react.default.useEffect(function () {
-    _momentTimezone.default.locale([locale]);
-  }, [locale]);
   _react.default.useEffect(function () {
     if (props.value !== temporalValue && props.value !== null) {
-      setTemporalValue(props.value || null);
+      setTemporalValue(initializeDate(props.value, props.defaultTimeZone));
     }
-  }, [props.value]);
+  }, [props.defaultTimeZone, props.value]);
+
+  /**
+   * Note: the inputProps override for placeholder is needed
+   * with luxon since DatePicker's inputFormat as placeholder does not
+   * work at least with MUI 5.x
+   */
   var renderInput = function renderInput(params) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TextField, Object.assign({}, params, {
+      inputProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, params.inputProps), {}, {
+        placeholder: 'yyyy-mm-dd'
+      }),
       id: props.id,
       autoFocus: props.autoFocus,
       onKeyPress: props.onKeyPress
@@ -46,32 +62,28 @@ function DatePicker(props) {
     }, props.errorText)));
   };
 
-  // set timezone, defaulting to 'UTC'
-  _momentTimezone.default.tz.setDefault((_props$defaultTimeZon = props.defaultTimeZone) !== null && _props$defaultTimeZon !== void 0 ? _props$defaultTimeZon : 'UTC');
-
   // TODO: Localize the yyyy-mm-dd placeholder string that is shown to users when the input is
   //       empty. It appears to be generated programmatically deep in the guts of the MUI DatePicker
   //       code, and it most likely uses the browser's locale.
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "date-picker ".concat(props.className, " ").concat(props.errorText ? 'date-picker--error' : '')
   }, /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
-    dateAdapter: _AdapterMoment.AdapterMoment,
-    dateLibInstance: _momentTimezone.default,
+    dateAdapter: _AdapterLuxon.AdapterLuxon,
     adapterLocale: locale
   }, props.label && /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: props.id,
     className: "textfield-label"
   }, props.label), /*#__PURE__*/_react.default.createElement(_xDatePickers.DesktopDatePicker, {
-    onError: props.onError,
-    minDate: props.minDate ? (0, _momentTimezone.default)(props.minDate) : undefined,
-    maxDate: props.maxDate ? (0, _momentTimezone.default)(props.maxDate) : undefined,
-    inputFormat: "YYYY-MM-DD",
-    value: temporalValue,
+    disabled: props.disabled,
+    inputFormat: "yyyy-MM-dd",
+    minDate: initializeDate(props.minDate, props.defaultTimeZone) || undefined,
+    maxDate: initializeDate(props.maxDate, props.defaultTimeZone) || undefined,
     onChange: function onChange(newValue) {
       setTemporalValue(newValue);
-      props.onChange(newValue !== null && newValue !== void 0 && newValue.isValid() ? newValue === null || newValue === void 0 ? void 0 : newValue.toDate() : null);
+      props.onChange(newValue && newValue.isValid ? newValue : null);
     },
+    onError: props.onError,
     renderInput: renderInput,
-    disabled: props.disabled
+    value: temporalValue
   })));
 }

package/index.d.ts

@@ -58,5 +58,7 @@ export type { PhotoItem } from './components/ViewPhotosDialog';
 export type { SliderMark } from './components/Slider';
 export type { Tab, TabsProps } from './components/Tabs';
 export type { ConfirmProps } from './components/Confirm';
+export type { DatePickerDateType, Props as DatePickerProps } from './components/DatePicker/DatePicker';
+export type { DateType } from './utils/date';
 export { Autocomplete, Badge, BusySpinner, Button, CellRenderer, CellDateRenderer, Checkbox, Confirm, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, ErrorBox, FileChooser, FormBottomBar, getComparator, icons, Icon, IconTooltip, Message, MultiSelect, NavFooter, NavItem, NavSection, Navbar, Note, PageForm, Pill, PillList, PhotoChooser, Popover, PopoverMenu, PopoverMultiSelect, ProgressCircle, RadioButton, Select, SelectT, Separator, Slider, stableSort, SummaryBox, Svg, Table, Tabs, Textfield, TextTruncated, theme, Tooltip, ViewPhotosDialog, };
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/license-report.html

@@ -45,6 +45,6 @@ th, td {
     padding: 15px;
 }
 </style>
-<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@date-io/date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.17.0</td><td class="string">2.15.0</td><td class="string">^2.14.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@date-io/moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.17.0</td><td class="string">2.16.1</td><td class="string">^2.16.1</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.1.0</td><td class="string">6.0.7</td><td class="string">^6.0.7</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.2</td><td class="string">7.0.2</td><td class="string">^7.0.2</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.11.4</td><td class="string">11.11.3</td><td class="string">^11.11.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/styled</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.11.5</td><td class="string">11.11.0</td><td class="string">^11.11.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.15</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/lab</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.0.0-alpha.170</td><td class="string">5.0.0-alpha.159</td><td class="string">^5.0.0-alpha.159</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.15</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/styles</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.15</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/mui-x.git</td><td class="string">5.0.20</td><td class="string">5.0.20</td><td class="string">^5.0.20</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.5.1</td><td class="string">2.3.2</td><td class="string">^2.3.2</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/date-fns/date-fns.git</td><td class="string">2.30.0</td><td class="string">2.29.3</td><td class="string">^2.29.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">luxon</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/luxon.git</td><td class="string">3.4.4</td><td class="string">3.3.0</td><td class="string">^3.3.0</td><td class="string">Isaac Cambron</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment.git</td><td class="string">2.30.1</td><td class="string">2.29.4</td><td class="string">^2.29.4</td><td class="string">Iskren Ivov Chernev <iskren.chernev@gmail.com> (https://github.com/ichernev)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">moment-timezone</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment-timezone.git</td><td class="string">0.5.45</td><td class="string">0.5.43</td><td class="string">^0.5.43</td><td class="string">Tim Wood <washwithcare@gmail.com> (http://timwoodcreates.com/)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-dom</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-intersection-observer</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/thebuilder/react-intersection-observer.git</td><td class="string">9.8.2</td><td class="string">9.5.2</td><td class="string">^9.5.2</td><td class="string">Daniel Schmidt</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-multi-carousel</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/YIZHUANG/react-multi-carousel.git</td><td class="string">2.8.5</td><td class="string">2.8.3</td><td class="string">^2.8.2</td><td class="string">YI ZHUANG https://github.com/YIZHUANG</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.2</td><td class="string">9.0.2</td><td class="string">^9.0.2</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-sortable-hoc</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/react-sortable-hoc.git</td><td class="string">2.0.0</td><td class="string">2.0.0</td><td class="string">^2.0.0</td><td class="string">Clauderic Demers me@ced.io</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.74.1</td><td class="string">1.57.1</td><td class="string">^1.57.1</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.6.0</td><td class="string">1.6.0</td><td class="string">^1.6.0</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">3.5.2</td><td class="string">3.3.0</td><td class="string">^3.3.0</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
+<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@date-io/date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">3.0.0</td><td class="string">3.0.0</td><td class="string">^3.0.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@date-io/luxon</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">3.0.0</td><td class="string">3.0.0</td><td class="string">^3.0.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.1.0</td><td class="string">6.0.7</td><td class="string">^6.0.7</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.2</td><td class="string">7.0.2</td><td class="string">^7.0.2</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.11.4</td><td class="string">11.11.3</td><td class="string">^11.11.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/styled</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.11.5</td><td class="string">11.11.0</td><td class="string">^11.11.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.15</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/lab</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.0.0-alpha.170</td><td class="string">5.0.0-alpha.159</td><td class="string">^5.0.0-alpha.159</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.15</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/styles</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.15</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/mui-x.git</td><td class="string">5.0.20</td><td class="string">5.0.20</td><td class="string">^5.0.20</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.5.1</td><td class="string">2.3.2</td><td class="string">^2.3.2</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/date-fns/date-fns.git</td><td class="string">3.6.0</td><td class="string">3.6.0</td><td class="string">^3.6.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">luxon</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/luxon.git</td><td class="string">3.4.4</td><td class="string">3.3.0</td><td class="string">^3.3.0</td><td class="string">Isaac Cambron</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-dom</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-intersection-observer</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/thebuilder/react-intersection-observer.git</td><td class="string">9.8.2</td><td class="string">9.5.2</td><td class="string">^9.5.2</td><td class="string">Daniel Schmidt</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-multi-carousel</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/YIZHUANG/react-multi-carousel.git</td><td class="string">2.8.5</td><td class="string">2.8.3</td><td class="string">^2.8.2</td><td class="string">YI ZHUANG https://github.com/YIZHUANG</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.2</td><td class="string">9.0.2</td><td class="string">^9.0.2</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-sortable-hoc</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/react-sortable-hoc.git</td><td class="string">2.0.0</td><td class="string">2.0.0</td><td class="string">^2.0.0</td><td class="string">Clauderic Demers me@ced.io</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.74.1</td><td class="string">1.57.1</td><td class="string">^1.57.1</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.6.0</td><td class="string">1.6.0</td><td class="string">^1.6.0</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">3.5.2</td><td class="string">3.3.0</td><td class="string">^3.3.0</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
 </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "2.12.8",
+  "version": "2.12.9-rc.1",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,8 +14,8 @@
   "private": false,
   "main": "dist/index.js",
   "dependencies": {
-    "@date-io/date-fns": "^2.14.0",
-    "@date-io/moment": "^2.16.1",
+    "@date-io/date-fns": "^3.0.0",
+    "@date-io/luxon": "^3.0.0",
     "@dnd-kit/core": "^6.0.7",
     "@dnd-kit/sortable": "^7.0.2",
     "@emotion/react": "^11.11.3",
@@ -26,10 +26,8 @@
     "@mui/styles": "^5.15.3",
     "@mui/x-date-pickers": "^5.0.20",
     "classnames": "^2.3.2",
-    "date-fns": "^2.29.3",
+    "date-fns": "^3.6.0",
     "luxon": "^3.3.0",
-    "moment": "^2.29.4",
-    "moment-timezone": "^0.5.43",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-intersection-observer": "^9.5.2",

package/stories/DatePicker.stories.d.ts

@@ -7,4 +7,8 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerProps>;
+export declare const StringValueInitializedDate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerProps>;
+export declare const YYMMDDInitializedDate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerProps>;
+export declare const NumericValueInitializedDate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerProps>;
+export declare const LuxonValueInitializedDate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerProps>;
 //# sourceMappingURL=DatePicker.stories.d.ts.map

package/stories/DatePicker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DatePicker.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AACtD,OAAO,UAAU,EAAE,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC;;;;yBAM/E,OAAO,MAAM,SAAS,KAAG,YAAY;;AAJjD,wBAQE;AAwBF,eAAO,MAAM,OAAO,gHAAoB,CAAC"}
+{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DatePicker.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AACtD,OAAO,UAAU,EAAE,EAAsB,KAAK,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC;;;;yBAOnG,OAAO,MAAM,SAAS,KAAG,YAAY;;AAJjD,wBAQE;AAyBF,eAAO,MAAM,OAAO,gHAAoB,CAAC;AAczC,eAAO,MAAM,0BAA0B,gHAAoB,CAAC;AAe5D,eAAO,MAAM,qBAAqB,gHAAoB,CAAC;AAevD,eAAO,MAAM,2BAA2B,gHAAoB,CAAC;AAe7D,eAAO,MAAM,yBAAyB,gHAAoB,CAAC"}

package/utils/date.d.ts

@@ -1,8 +1,23 @@
+import { DateTime } from 'luxon';
+/**
+ * Accepted date types for input are:
+ * - string for any date ISO string representation
+ * - number for timestamp
+ * - JS Date
+ * - luxon DateTime
+ */
+export type DateType = string | number | Date | DateTime;
+/**
+ * Utility that constructs a valid DateTime object from
+ * any DateType value passed in (ISO string or epoch milliseconds or DateTime object).
+ * Note: the DateTime object input support is mostly for ease of use and will essentially be a pass-through.
+ */
+export declare const getDate: (date: DateType, timeZoneId?: string) => DateTime;
 /**
  * Default export function that provides a display value for a date
  * with optional implied time zone.
  */
-declare const getDateDisplayValue: (date: string | number, timeZoneId?: string) => string;
+declare const getDateDisplayValue: (date: DateType, timeZoneId?: string) => string;
 /**
  * Exported function that returns todays date in a specific (optional) time zone.
  */
@@ -10,6 +25,6 @@ export declare const getTodaysDateFormatted: (timeZoneId?: string) => string;
 /**
  * Checks if a date is in the future, time zone for date is optional.
  */
-export declare const isInTheFuture: (date: string | number, timeZoneId?: string) => boolean;
+export declare const isInTheFuture: (date: DateType, timeZoneId?: string) => boolean;
 export default getDateDisplayValue;
 //# sourceMappingURL=date.d.ts.map

package/utils/date.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/utils/date.ts"],"names":[],"mappings":"AAsDA;;;GAGG;AACH,QAAA,MAAM,mBAAmB,SAAU,MAAM,GAAG,MAAM,eAAe,MAAM,WAStE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,gBAAiB,MAAM,WAEzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,SAAU,MAAM,GAAG,MAAM,eAAe,MAAM,YAOvE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/utils/date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC;;;;;;GAMG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,QAAQ,CAAC;AAmCzD;;;;GAIG;AACH,eAAO,MAAM,OAAO,SAAU,QAAQ,eAAe,MAAM,aAoB1D,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,mBAAmB,SAAU,QAAQ,eAAe,MAAM,WAS/D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,gBAAiB,MAAM,WAEzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,SAAU,QAAQ,eAAe,MAAM,YAOhE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/utils/date.js

@@ -1,10 +1,20 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isInTheFuture = exports.getTodaysDateFormatted = exports.default = void 0;
+exports.isInTheFuture = exports.getTodaysDateFormatted = exports.getDate = exports.default = void 0;
 var _luxon = require("luxon");
+var _lodash = _interopRequireDefault(require("lodash"));
+/**
+ * Accepted date types for input are:
+ * - string for any date ISO string representation
+ * - number for timestamp
+ * - JS Date
+ * - luxon DateTime
+ */
+
 /**
  * Helper util that returns default time zone as a fallback.
  */
@@ -13,11 +23,13 @@ var tz = function tz(timeZoneId) {
 };
 
 /**
- * Parse a date string with zone implied.
+ * Parse a date ISO string with zone implied.
  * eg. '2023-01-10 in 'America/Los_Angeles'
  */
-var getDateFromString = function getDateFromString(date, timeZoneId) {
-  return _luxon.DateTime.fromFormat("".concat(date, " ").concat(tz(timeZoneId)), 'yyyy-MM-dd z');
+var getDateFromISOString = function getDateFromISOString(date, timeZoneId) {
+  return _luxon.DateTime.fromISO(date, {
+    zone: tz(timeZoneId)
+  });
 };
 
 /**
@@ -42,27 +54,35 @@ var getDisplayValue = function getDisplayValue(date) {
 
 /**
  * Utility that constructs a valid DateTime object from
- * any date value passed in ('2023-01-10' or millis or a utc string).
+ * any DateType value passed in (ISO string or epoch milliseconds or DateTime object).
+ * Note: the DateTime object input support is mostly for ease of use and will essentially be a pass-through.
  */
 var getDate = function getDate(date, timeZoneId) {
-  var fromString = getDateFromString(date, timeZoneId);
-  if (fromString.isValid) {
-    return fromString;
+  if (typeof date === 'string') {
+    var fromString = getDateFromISOString(date, timeZoneId);
+    if (fromString.isValid) {
+      return fromString;
+    }
   }
-  var millis = new Date(date).getTime();
-  var fromMillis = getDateFromMillis(date, timeZoneId);
-  if (fromMillis.isValid) {
-    return fromMillis;
+  if (typeof date === 'number') {
+    var fromMillis = getDateFromMillis(date, timeZoneId);
+    if (fromMillis.isValid) {
+      return fromMillis;
+    }
   }
-  return _luxon.DateTime.fromJSDate(new Date(date), {
-    zone: tz(timeZoneId)
-  });
+  if (_lodash.default.isDate(date)) {
+    return _luxon.DateTime.fromJSDate(date, {
+      zone: tz(timeZoneId)
+    });
+  }
+  return date.setZone(tz(timeZoneId));
 };
 
 /**
  * Default export function that provides a display value for a date
  * with optional implied time zone.
  */
+exports.getDate = getDate;
 var getDateDisplayValue = function getDateDisplayValue(date, timeZoneId) {
   if (typeof date === 'string' && date.match(/^\d\d\d\d-\d\d-\d\d$/)) {
     // if already in display format, return as-is, do not apply time zone

package/utils/date.test.js

@@ -1,13 +1,14 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _luxon = require("luxon");
 var _date = _interopRequireWildcard(require("./date"));
-test('isInTheFuture should handle date string and specified time zones', function () {
+test('isInTheFuture should handle date ISO string and specified time zones', function () {
   expect((0, _date.isInTheFuture)('2023-01-10', 'Asia/Bangkok')).toBe(false);
   expect((0, _date.isInTheFuture)('2023-01-10', 'America/Los_Angeles')).toBe(false);
   expect((0, _date.isInTheFuture)('3023-01-10', 'America/Los_Angeles')).toBe(true);
 });
-test('isInTheFuture should handle date string and default time zone', function () {
+test('isInTheFuture should handle date ISO string and default time zone', function () {
   expect((0, _date.isInTheFuture)('2023-01-10')).toBe(false);
   expect((0, _date.isInTheFuture)('3023-01-10')).toBe(true);
 });
@@ -19,6 +20,25 @@ test('isInTheFuture should handle millis and default time zone', function () {
   expect((0, _date.isInTheFuture)(Date.now())).toBe(false);
   expect((0, _date.isInTheFuture)(new Date('3023-01-10').getTime())).toBe(true);
 });
+test('isInTheFuture should handle JS Date object and specified time zones', function () {
+  expect((0, _date.isInTheFuture)(new Date(), 'Asia/Bangkok')).toBe(false);
+  expect((0, _date.isInTheFuture)(new Date('3023-01-10'), 'Asia/Bangkok')).toBe(true);
+});
+test('isInTheFuture should handle JS Date object and default time zone', function () {
+  expect((0, _date.isInTheFuture)(new Date())).toBe(false);
+  expect((0, _date.isInTheFuture)(new Date('3023-01-10'))).toBe(true);
+});
+test('isInTheFuture should handle DateTime object and specified time zones', function () {
+  expect((0, _date.isInTheFuture)(_luxon.DateTime.now(), 'Asia/Bangkok')).toBe(false);
+  expect((0, _date.isInTheFuture)(_luxon.DateTime.fromISO('3023-01-10'), 'Asia/Bangkok')).toBe(true);
+  // check that a DateTime with preset zone is a no-op
+  expect((0, _date.isInTheFuture)(_luxon.DateTime.now().setZone('Asia/Bangkok'), 'Asia/Bangkok')).toBe(false);
+  expect((0, _date.isInTheFuture)(_luxon.DateTime.fromISO('3023-01-10').setZone('Asia/Bangkok'), 'Asia/Bangkok')).toBe(true);
+});
+test('isInTheFuture should handle JS Date object and default time zone', function () {
+  expect((0, _date.isInTheFuture)(_luxon.DateTime.now())).toBe(false);
+  expect((0, _date.isInTheFuture)(_luxon.DateTime.fromISO('3023-01-10'))).toBe(true);
+});
 test('should show todays date formatted for a time zone', function () {
   var formatted = (0, _date.getTodaysDateFormatted)('Asia/Bangkok');
   expect(!!formatted.match(/\d\d\d\d-\d\d-\d\d/)).toBe(true);
@@ -27,14 +47,14 @@ test('should show todays date formatted for default time zone', function () {
   var formatted = (0, _date.getTodaysDateFormatted)();
   expect(!!formatted.match(/\d\d\d\d-\d\d-\d\d/)).toBe(true);
 });
-test('should return valid date display value for javascript date string with time zones', function () {
+test('should return valid date display value for ISO date string with time zones', function () {
   expect((0, _date.default)('2021-08-05T19:39:16Z', 'America/Los_Angeles')).toBe('2021-08-05');
   expect((0, _date.default)('2021-08-05T19:39:16Z', 'Asia/Bangkok')).toBe('2021-08-06');
 });
-test('should return valid date display value for javascript date string with default time zone', function () {
+test('should return valid date display value for ISO date string with default time zone', function () {
   expect((0, _date.default)('2021-08-05T19:39:16Z')).toBe('2021-08-05');
 });
-test('should return valid date display value for default date format string with time zones', function () {
+test('should return valid date display value for default date ISO string with time zones', function () {
   expect((0, _date.default)('2021-08-05', 'America/Los_Angeles')).toBe('2021-08-05');
   expect((0, _date.default)('2021-08-05', 'Asia/Bangkok')).toBe('2021-08-05');
 });
@@ -44,7 +64,24 @@ test('should return valid date display value for default date string with defaul
 test('should return valid date display value for millis with default time zone', function () {
   expect((0, _date.default)(new Date('2021-08-05T19:39:16Z').getTime())).toBe('2021-08-05');
 });
+test('should return valid date display value for JS Date object with default time zone', function () {
+  expect((0, _date.default)(new Date('2021-08-05T19:39:16Z'))).toBe('2021-08-05');
+});
+test('should return valid date display value for DateTime object with default time zone', function () {
+  expect((0, _date.default)(_luxon.DateTime.fromISO('2021-08-05T19:39:16Z'))).toBe('2021-08-05');
+});
 test('should return valid date display value for millis with time zones', function () {
   expect((0, _date.default)(new Date('2021-08-05T19:39:16Z').getTime(), 'America/Los_Angeles')).toBe('2021-08-05');
   expect((0, _date.default)(new Date('2021-08-05T19:39:16Z').getTime(), 'Asia/Bangkok')).toBe('2021-08-06');
+});
+test('should return valid date display value for JS Date object with time zones', function () {
+  expect((0, _date.default)(new Date('2021-08-05T19:39:16Z'), 'America/Los_Angeles')).toBe('2021-08-05');
+  expect((0, _date.default)(new Date('2021-08-05T19:39:16Z'), 'Asia/Bangkok')).toBe('2021-08-06');
+});
+test('should return valid date display value for DateTime object with time zones', function () {
+  expect((0, _date.default)(_luxon.DateTime.fromISO('2021-08-05T19:39:16Z'), 'America/Los_Angeles')).toBe('2021-08-05');
+  expect((0, _date.default)(_luxon.DateTime.fromISO('2021-08-05T19:39:16Z'), 'Asia/Bangkok')).toBe('2021-08-06');
+  // check that a DateTime with preset zone is a no-op
+  expect((0, _date.default)(_luxon.DateTime.fromISO('2021-08-05T19:39:16Z').setZone('America/Los_Angeles'), 'America/Los_Angeles')).toBe('2021-08-05');
+  expect((0, _date.default)(_luxon.DateTime.fromISO('2021-08-05T19:39:16Z').setZone('America/Los_Angeles'), 'Asia/Bangkok')).toBe('2021-08-06');
 });

package/utils/index.d.ts

@@ -1,6 +1,6 @@
-import getDateDisplayValue, { getTodaysDateFormatted, isInTheFuture } from './date.v1';
+import getDateDisplayValue, { getDate, getTodaysDateFormatted, isInTheFuture } from './date';
 import isWhitespaces from './text';
 import preventDefaultEvent from './preventDefaultEvent';
 import useDeviceInfo from './useDeviceInfo';
-export { getDateDisplayValue, getTodaysDateFormatted, isInTheFuture, isWhitespaces, preventDefaultEvent, useDeviceInfo, };
+export { getDate, getDateDisplayValue, getTodaysDateFormatted, isInTheFuture, isWhitespaces, preventDefaultEvent, useDeviceInfo, };
 //# sourceMappingURL=index.d.ts.map

package/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,EAAE,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACvF,OAAO,aAAa,MAAM,QAAQ,CAAC;AACnC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,aAAa,GACd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,EAAE,EAAE,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC7F,OAAO,aAAa,MAAM,QAAQ,CAAC;AACnC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EACL,OAAO,EACP,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,aAAa,GACd,CAAC"}

package/utils/index.js

@@ -5,6 +5,12 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "getDate", {
+  enumerable: true,
+  get: function get() {
+    return _date.getDate;
+  }
+});
 Object.defineProperty(exports, "getDateDisplayValue", {
   enumerable: true,
   get: function get() {
@@ -41,7 +47,7 @@ Object.defineProperty(exports, "useDeviceInfo", {
     return _useDeviceInfo.default;
   }
 });
-var _date = _interopRequireWildcard(require("./date.v1"));
+var _date = _interopRequireWildcard(require("./date"));
 var _text = _interopRequireDefault(require("./text"));
 var _preventDefaultEvent = _interopRequireDefault(require("./preventDefaultEvent"));
 var _useDeviceInfo = _interopRequireDefault(require("./useDeviceInfo"));

package/utils/date.v1.d.ts

@@ -1,5 +0,0 @@
-declare const getDateDisplayValue: (date: string | number) => string;
-export declare const getTodaysDateFormatted: () => string;
-export declare const isInTheFuture: (date: any) => boolean;
-export default getDateDisplayValue;
-//# sourceMappingURL=date.v1.d.ts.map

package/utils/date.v1.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"date.v1.d.ts","sourceRoot":"","sources":["../../src/utils/date.v1.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,mBAAmB,SAAU,MAAM,GAAG,MAAM,WAA+C,CAAC;AAElG,eAAO,MAAM,sBAAsB,cAElC,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,GAAG,YAItC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/utils/date.v1.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isInTheFuture = exports.getTodaysDateFormatted = exports.default = void 0;
-var getDateDisplayValue = function getDateDisplayValue(date) {
-  return new Date(date).toISOString().split('T')[0];
-};
-var getTodaysDateFormatted = function getTodaysDateFormatted() {
-  return getDateDisplayValue(Date.now());
-};
-exports.getTodaysDateFormatted = getTodaysDateFormatted;
-var isInTheFuture = function isInTheFuture(date) {
-  var d = new Date(getDateDisplayValue(date)).getTime();
-  return d > Date.now();
-};
-exports.isInTheFuture = isInTheFuture;
-var _default = getDateDisplayValue;
-exports.default = _default;