@synerise/ds-date-picker 1.4.1 → 1.4.2

package/dist/Elements/PickerInput/PickerInput.styles.js

@@ -1,55 +1,50 @@
-import styled, { css } from 'styled-components';
-import { Input as DSInput } from '@synerise/ds-input';
-export var Prefixel = styled.div.withConfig({
+import styled, { css } from "styled-components";
+import { Input as Input$1 } from "@synerise/ds-input";
+const Prefixel = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PickerInputstyles__Prefixel",
   componentId: "sc-168pcz5-0"
-})(["border:1px solid ", ";border-radius:3px 0 0 3px;border-right-width:0;"], function (props) {
-  return props.theme.palette['grey-300'];
-});
-export var Suffixel = styled.div.withConfig({
+})(["border:1px solid ", ";border-radius:3px 0 0 3px;border-right-width:0;"], (props) => props.theme.palette["grey-300"]);
+const Suffixel = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PickerInputstyles__Suffixel",
   componentId: "sc-168pcz5-1"
-})(["border:1px solid ", ";border-radius:0 3px 3px 0;border-left-width:0;"], function (props) {
-  return props.theme.palette['grey-300'];
-});
-var activeStyle = function activeStyle(props) {
-  return css(["box-shadow:inset 0 0 0 1px ", ";border-color:", ";background:", ";"], props.theme.palette['blue-600'], props.theme.palette['blue-600'], props.theme.palette['blue-050']);
-};
-export var Input = styled(DSInput).withConfig({
+})(["border:1px solid ", ";border-radius:0 3px 3px 0;border-left-width:0;"], (props) => props.theme.palette["grey-300"]);
+const activeStyle = (props) => css(["box-shadow:inset 0 0 0 1px ", ";border-color:", ";background:", ";"], props.theme.palette["blue-600"], props.theme.palette["blue-600"], props.theme.palette["blue-050"]);
+const Input = /* @__PURE__ */ styled(Input$1).withConfig({
   displayName: "PickerInputstyles__Input",
   componentId: "sc-168pcz5-2"
-})(["&{.ant-input{", ";", "}}"], function (props) {
-  return !props.autoResize && 'min-width: 150px';
-}, function (props) {
-  return !!props.active && activeStyle(props);
-});
-export var PickerInputWrapper = styled.div.withConfig({
+})(["&{.ant-input{", ";", "}}"], (props) => !props.autoResize && "min-width: 150px", (props) => !!props.active && activeStyle(props));
+const PickerInputWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PickerInputstyles__PickerInputWrapper",
   componentId: "sc-168pcz5-3"
-})(["display:flex;align-items:center;", ",", "{background:", ";display:flex;align-items:center;align-self:stretch;padding:0 12px;}", " ", ""], Prefixel, Suffixel, function (props) {
-  return props.theme.palette['grey-050'];
-}, function (props) {
-  return props.prefixel && "\n    " + Input + " input {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n  ";
-}, function (props) {
-  return props.suffixel && "\n    " + Input + " input {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  ";
-});
-export var Container = styled.div.withConfig({
+})(["display:flex;align-items:center;", ",", "{background:", ";display:flex;align-items:center;align-self:stretch;padding:0 12px;}", " ", ""], Prefixel, Suffixel, (props) => props.theme.palette["grey-050"], (props) => props.prefixel && `
+    ${Input} input {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  `, (props) => props.suffixel && `
+    ${Input} input {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  `);
+const Container = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PickerInputstyles__Container",
   componentId: "sc-168pcz5-4"
 })(["width:100%;"]);
-export var ClearIconWrapper = styled.div.withConfig({
+const ClearIconWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PickerInputstyles__ClearIconWrapper",
   componentId: "sc-168pcz5-5"
-})([".ds-icon svg{fill:", ";}&&:hover{.ds-icon svg{fill:", ";}}"], function (props) {
-  return props.theme.palette['red-600'];
-}, function (props) {
-  return props.theme.palette['red-600'];
-});
-export var DefaultIconWrapper = styled.div.withConfig({
+})([".ds-icon svg{fill:", ";}&&:hover{.ds-icon svg{fill:", ";}}"], (props) => props.theme.palette["red-600"], (props) => props.theme.palette["red-600"]);
+const DefaultIconWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "PickerInputstyles__DefaultIconWrapper",
   componentId: "sc-168pcz5-6"
-})([".ds-icon svg{fill:", ";}&&:hover{.ds-icon svg{fill:", ";}}"], function (props) {
-  return props.theme.palette['grey-400'];
-}, function (props) {
-  return props.theme.palette['grey-600'];
-});
+})([".ds-icon svg{fill:", ";}&&:hover{.ds-icon svg{fill:", ";}}"], (props) => props.theme.palette["grey-400"], (props) => props.theme.palette["grey-600"]);
+export {
+  ClearIconWrapper,
+  Container,
+  DefaultIconWrapper,
+  Input,
+  PickerInputWrapper,
+  Prefixel,
+  Suffixel
+};

package/dist/Elements/PickerInput/PickerInput.types.d.ts

@@ -1,8 +1,8 @@
-import { type SizeType } from 'antd/lib/config-provider/SizeContext';
-import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';
-import type { DateToFormatOptions } from '@synerise/ds-core';
-import type { DataAttributes } from '@synerise/ds-utils';
-import type { DatePickerProps } from '../../DatePicker.types';
+import { SizeType } from 'antd/lib/config-provider/SizeContext';
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { DateToFormatOptions } from '@synerise/ds-core';
+import { DataAttributes } from '@synerise/ds-utils';
+import { DatePickerProps } from '../../DatePicker.types';
 type InputProps = DatePickerProps['inputProps'];
 export type Props = InputProps & {
     autoFocus?: boolean;

package/dist/Elements/PickerInput/PickerInput.types.js

@@ -1 +1 @@
-export {};
+

package/dist/Elements/QuickPicks/QuickPicks.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { QuickPick, Texts } from '../../DatePicker.types';
+import { default as React } from 'react';
+import { QuickPick, Texts } from '../../DatePicker.types';
 type QuickPicksProps = {
     value?: Date;
     onChange: (item: QuickPick) => void;

package/dist/Elements/QuickPicks/QuickPicks.js

@@ -1,31 +1,50 @@
-import React from 'react';
-import { ButtonToggle } from '@synerise/ds-button';
-import { useDataFormat } from '@synerise/ds-core';
-import { Title } from '@synerise/ds-typography';
-import { fnsIsSameDay } from '../../fns';
-import * as S from './QuickPicks.styles';
-export var quickPickMatchesValue = function quickPickMatchesValue(item, value) {
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { ButtonToggle } from "@synerise/ds-button";
+import { useDataFormat } from "@synerise/ds-core";
+import { Title } from "@synerise/ds-typography";
+import "date-fns/addDays";
+import "date-fns/addMonths";
+import "date-fns/addSeconds";
+import "date-fns/addYears";
+import "date-fns/differenceInSeconds";
+import "date-fns/differenceInYears";
+import "date-fns/endOfDay";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/getSeconds";
+import "date-fns/getYear";
+import "date-fns/isAfter";
+import "date-fns/isBefore";
+import "date-fns/isEqual";
+import fnsIsSameDay from "date-fns/isSameDay";
+import "date-fns/isSameMonth";
+import "date-fns/isSameYear";
+import "date-fns/setDate";
+import "date-fns/setMonth";
+import "date-fns/setYear";
+import "date-fns/startOfDay";
+import "date-fns/startOfMonth";
+import { QuickPicksWrapper } from "./QuickPicks.styles.js";
+const quickPickMatchesValue = (item, value) => {
   return value ? fnsIsSameDay(item.value, value) : false;
 };
-export var QuickPicks = function QuickPicks(_ref) {
-  var value = _ref.value,
-    items = _ref.items,
-    texts = _ref.texts,
-    onChange = _ref.onChange;
-  var _useDataFormat = useDataFormat(),
-    formatValue = _useDataFormat.formatValue;
-  return /*#__PURE__*/React.createElement(S.QuickPicksWrapper, null, /*#__PURE__*/React.createElement(Title, {
-    level: 6
-  }, texts.quickPicks), items.map(function (item) {
-    return /*#__PURE__*/React.createElement(ButtonToggle, {
-      type: "ghost",
-      activated: quickPickMatchesValue(item, value),
-      onClick: function onClick() {
-        return onChange(item);
-      },
-      tooltipProps: {
-        title: /*#__PURE__*/React.createElement(React.Fragment, null, formatValue(item.value))
-      }
-    }, item.label);
-  }));
-};
+const QuickPicks = ({
+  value,
+  items,
+  texts,
+  onChange
+}) => {
+  const {
+    formatValue
+  } = useDataFormat();
+  return /* @__PURE__ */ jsxs(QuickPicksWrapper, { children: [
+    /* @__PURE__ */ jsx(Title, { level: 6, children: texts.quickPicks }),
+    items.map((item) => /* @__PURE__ */ jsx(ButtonToggle, { type: "ghost", activated: quickPickMatchesValue(item, value), onClick: () => onChange(item), tooltipProps: {
+      title: /* @__PURE__ */ jsx(Fragment, { children: formatValue(item.value) })
+    }, children: item.label }))
+  ] });
+};
+export {
+  QuickPicks,
+  quickPickMatchesValue
+};

package/dist/Elements/QuickPicks/QuickPicks.styles.d.ts

@@ -1 +1 @@
-export declare const QuickPicksWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const QuickPicksWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Elements/QuickPicks/QuickPicks.styles.js

@@ -1,7 +1,8 @@
-import styled from 'styled-components';
-export var QuickPicksWrapper = styled.div.withConfig({
+import styled from "styled-components";
+const QuickPicksWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "QuickPicksstyles__QuickPicksWrapper",
   componentId: "sc-apfn0i-0"
-})(["display:flex;flex-direction:column;margin-top:47px;align-items:flex-start;gap:8px;padding:16px 16px 16px 24px;border-top:1px solid ", ";"], function (props) {
-  return props.theme.palette['grey-200'];
-});
+})(["display:flex;flex-direction:column;margin-top:47px;align-items:flex-start;gap:8px;padding:16px 16px 16px 24px;border-top:1px solid ", ";"], (props) => props.theme.palette["grey-200"]);
+export {
+  QuickPicksWrapper
+};

package/dist/Elements/TimePicker/TimePicker.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type TimePickerProps } from './TimePicker.types';
+import { default as React } from 'react';
+import { TimePickerProps } from './TimePicker.types';
 declare const TimePicker: ({ value, disabledHours, disabledMinutes, disabledSeconds, inactivePrev, inactiveNext, onChange, onShortNext, onShortPrev, }: TimePickerProps) => React.JSX.Element;
 export default TimePicker;

package/dist/Elements/TimePicker/TimePicker.js

@@ -1,48 +1,33 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { getDefaultDataTimeOptions, useDataFormat } from '@synerise/ds-core';
-import DSTimePicker from '@synerise/ds-time-picker';
-import Navbar from '../Navbar/Navbar';
-import * as S from './TimePicker.styles';
-var TimePicker = function TimePicker(_ref) {
-  var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? new Date() : _ref$value,
-    _ref$disabledHours = _ref.disabledHours,
-    disabledHours = _ref$disabledHours === void 0 ? [] : _ref$disabledHours,
-    _ref$disabledMinutes = _ref.disabledMinutes,
-    disabledMinutes = _ref$disabledMinutes === void 0 ? [] : _ref$disabledMinutes,
-    _ref$disabledSeconds = _ref.disabledSeconds,
-    disabledSeconds = _ref$disabledSeconds === void 0 ? [] : _ref$disabledSeconds,
-    inactivePrev = _ref.inactivePrev,
-    inactiveNext = _ref.inactiveNext,
-    onChange = _ref.onChange,
-    onShortNext = _ref.onShortNext,
-    onShortPrev = _ref.onShortPrev;
-  var _useDataFormat = useDataFormat(),
-    is12HoursClock = _useDataFormat.is12HoursClock,
-    formatValue = _useDataFormat.formatValue;
-  var navbarDate = formatValue(value, _extends({}, getDefaultDataTimeOptions(), {
-    targetFormat: 'date',
-    month: 'short'
-  }));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !!value && /*#__PURE__*/React.createElement(Navbar, {
-    title: navbarDate,
-    key: "head",
-    inactivePrev: inactivePrev,
-    inactiveNext: inactiveNext,
-    onShortNext: onShortNext,
-    onShortPrev: onShortPrev
-  }), /*#__PURE__*/React.createElement(S.Container, {
-    key: "ds-time-picker-body",
-    className: "ds-time-picker"
-  }, /*#__PURE__*/React.createElement(DSTimePicker, {
-    value: value,
-    onChange: onChange,
-    disabledHours: disabledHours,
-    disabledMinutes: disabledMinutes,
-    disabledSeconds: disabledSeconds,
-    use12HourClock: is12HoursClock,
-    raw: true
-  })));
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useDataFormat, getDefaultDataTimeOptions } from "@synerise/ds-core";
+import DSTimePicker from "@synerise/ds-time-picker";
+import Navbar from "../Navbar/Navbar.js";
+import { Container } from "./TimePicker.styles.js";
+const TimePicker = ({
+  value = /* @__PURE__ */ new Date(),
+  disabledHours = [],
+  disabledMinutes = [],
+  disabledSeconds = [],
+  inactivePrev,
+  inactiveNext,
+  onChange,
+  onShortNext,
+  onShortPrev
+}) => {
+  const {
+    is12HoursClock,
+    formatValue
+  } = useDataFormat();
+  const navbarDate = formatValue(value, {
+    ...getDefaultDataTimeOptions(),
+    targetFormat: "date",
+    month: "short"
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !!value && /* @__PURE__ */ jsx(Navbar, { title: navbarDate, inactivePrev, inactiveNext, onShortNext, onShortPrev }, "head"),
+    /* @__PURE__ */ jsx(Container, { className: "ds-time-picker", children: /* @__PURE__ */ jsx(DSTimePicker, { value, onChange, disabledHours, disabledMinutes, disabledSeconds, use12HourClock: is12HoursClock, raw: true }) }, "ds-time-picker-body")
+  ] });
+};
+export {
+  TimePicker as default
 };
-export default TimePicker;

package/dist/Elements/TimePicker/TimePicker.styles.d.ts

@@ -1 +1 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Elements/TimePicker/TimePicker.styles.js

@@ -1,5 +1,8 @@
-import styled from 'styled-components';
-export var Container = styled.div.withConfig({
+import styled from "styled-components";
+const Container = /* @__PURE__ */ styled.div.withConfig({
   displayName: "TimePickerstyles__Container",
   componentId: "sc-js4ktp-0"
-})(["display:grid;grid-auto-columns:1fr;> *{grid-row:1;}&&{& > div > div{height:calc(100% - 18px);}}padding:16px 24px 0 24px;"]);
+})(["display:grid;grid-auto-columns:1fr;> *{grid-row:1;}&&{& > div > div{height:calc(100% - 18px);}}padding:16px 24px 0 24px;"]);
+export {
+  Container
+};

package/dist/Elements/TimePicker/TimePicker.types.js

@@ -1 +1 @@
-export {};
+

package/dist/Elements/YearPicker/YearPicker.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type YearPickerProps, type YearPickerState } from './YearPicker.types';
+import { default as React } from 'react';
+import { YearPickerProps, YearPickerState } from './YearPicker.types';
 export default class YearPicker extends React.PureComponent<YearPickerProps, YearPickerState> {
     state: YearPickerState;
     getSnapshotBeforeUpdate(prevProps: Readonly<YearPickerProps>): null;

package/dist/Elements/YearPicker/YearPicker.js

@@ -1,121 +1,128 @@
-function _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-import React from 'react';
-import { legacyParse } from '@date-fns/upgrade/v2';
-import { fnsAddYears, fnsIsSameYear, fnsSetYear } from '../../fns';
-import fnsFormat from '../../format';
-import { getDecadeRange } from '../../utils';
-import DecadePicker from '../DecadePicker/DecadePicker';
-import GridPicker from '../GridPicker/GridPicker';
-import Navbar from '../Navbar/Navbar';
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React from "react";
+import { legacyParse } from "@date-fns/upgrade/v2";
+import "date-fns/addDays";
+import "date-fns/addMonths";
+import "date-fns/addSeconds";
+import fnsAddYears from "date-fns/addYears";
+import "date-fns/differenceInSeconds";
+import "date-fns/differenceInYears";
+import "date-fns/endOfDay";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/getSeconds";
+import "date-fns/getYear";
+import "date-fns/isAfter";
+import "date-fns/isBefore";
+import "date-fns/isEqual";
+import "date-fns/isSameDay";
+import "date-fns/isSameMonth";
+import fnsIsSameYear from "date-fns/isSameYear";
+import "date-fns/setDate";
+import "date-fns/setMonth";
+import fnsSetYear from "date-fns/setYear";
+import "date-fns/startOfDay";
+import "date-fns/startOfMonth";
+import fnsFormat from "../../format.js";
+import { getDecadeRange } from "../../utils.js";
+import DecadePicker from "../DecadePicker/DecadePicker.js";
+import GridPicker from "../GridPicker/GridPicker.js";
+import Navbar from "../Navbar/Navbar.js";
 function getInitialState(props) {
   return {
-    cursor: props.value || new Date(),
+    cursor: props.value || /* @__PURE__ */ new Date(),
     decadeMode: false
   };
 }
 function getCells(cursor) {
-  var startYear = getDecadeRange(cursor)[0];
-  return Array.from(Array(10)).map(function (_, index) {
-    var date = fnsAddYears(fnsSetYear(cursor, startYear), index);
+  const startYear = getDecadeRange(cursor)[0];
+  return Array.from(Array(10)).map((_, index) => {
+    const date = fnsAddYears(fnsSetYear(cursor, startYear), index);
     return {
       key: date.toISOString(),
-      text: fnsFormat(date, 'yyyy')
+      text: fnsFormat(date, "yyyy")
     };
   });
 }
-var YearPicker = /*#__PURE__*/function (_React$PureComponent) {
-  function YearPicker() {
-    var _this;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
-    _this.state = getInitialState(_this.props);
-    _this.handleLongPrev = function () {
-      var cursor = _this.state.cursor;
-      _this.setState({
+class YearPicker extends React.PureComponent {
+  constructor() {
+    super(...arguments);
+    this.state = getInitialState(this.props);
+    this.handleLongPrev = () => {
+      const {
+        cursor
+      } = this.state;
+      this.setState({
         cursor: fnsAddYears(cursor, -10)
       });
     };
-    _this.handleLongNext = function () {
-      var cursor = _this.state.cursor;
-      _this.setState({
+    this.handleLongNext = () => {
+      const {
+        cursor
+      } = this.state;
+      this.setState({
         cursor: fnsAddYears(cursor, 10)
       });
     };
-    _this.handleCellClick = function (isoDate) {
-      var onChange = _this.props.onChange;
+    this.handleCellClick = (isoDate) => {
+      const {
+        onChange
+      } = this.props;
       if (isoDate === -1) {
-        _this.handleLongPrev();
+        this.handleLongPrev();
         return;
       }
       if (isoDate === 1) {
-        _this.handleLongNext();
+        this.handleLongNext();
         return;
       }
       onChange && onChange(new Date(isoDate));
     };
-    return _this;
   }
-  _inheritsLoose(YearPicker, _React$PureComponent);
-  var _proto = YearPicker.prototype;
-  _proto.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {
-    var value = this.props.value;
-    if (value && (prevProps == null ? void 0 : prevProps.value) !== value) {
+  getSnapshotBeforeUpdate(prevProps) {
+    const {
+      value
+    } = this.props;
+    if (value && prevProps?.value !== value) {
       this.setState(getInitialState(this.props));
     }
     return null;
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    var _this$state = this.state,
-      cursor = _this$state.cursor,
-      decadeMode = _this$state.decadeMode;
-    var value = this.props.value;
-    var decadeRange = getDecadeRange(cursor);
-    var cells = getCells(cursor);
-    var valueCell = value ? cells.find(function (cell) {
-      return fnsIsSameYear(value, legacyParse(cell.key));
-    }) : null;
-    var selectedKey = valueCell ? valueCell.key : null;
+  }
+  render() {
+    const {
+      cursor,
+      decadeMode
+    } = this.state;
+    const {
+      value
+    } = this.props;
+    const decadeRange = getDecadeRange(cursor);
+    let cells = getCells(cursor);
+    const valueCell = value ? cells.find((cell) => fnsIsSameYear(value, legacyParse(cell.key))) : null;
+    const selectedKey = valueCell ? valueCell.key : null;
     cells = [{
       key: -1,
       text: decadeRange[0] - 1,
       outside: true
-    }].concat(cells, [{
+    }, ...cells, {
       key: 1,
       text: decadeRange[1] + 1,
       outside: true
-    }]);
+    }];
     if (decadeMode) {
-      return /*#__PURE__*/React.createElement(DecadePicker, {
-        value: cursor,
-        onChange: function onChange(selectedDecade) {
-          return _this2.setState({
-            cursor: selectedDecade,
-            decadeMode: false
-          });
-        }
-      });
+      return /* @__PURE__ */ jsx(DecadePicker, { value: cursor, onChange: (selectedDecade) => this.setState({
+        cursor: selectedDecade,
+        decadeMode: false
+      }) });
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Navbar, {
-      onTitleClick: function onTitleClick() {
-        return _this2.setState({
-          decadeMode: true
-        });
-      },
-      title: decadeRange.join('-'),
-      onLongPrev: this.handleLongPrev,
-      onLongNext: this.handleLongNext,
-      key: "head"
-    }), /*#__PURE__*/React.createElement(GridPicker, {
-      selectedKey: selectedKey,
-      cells: cells,
-      onCellClick: this.handleCellClick,
-      key: "body"
-    }));
-  };
-  return YearPicker;
-}(React.PureComponent);
-export { YearPicker as default };
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Navbar, { onTitleClick: () => this.setState({
+        decadeMode: true
+      }), title: decadeRange.join("-"), onLongPrev: this.handleLongPrev, onLongNext: this.handleLongNext }, "head"),
+      /* @__PURE__ */ jsx(GridPicker, { selectedKey, cells, onCellClick: this.handleCellClick }, "body")
+    ] });
+  }
+}
+export {
+  YearPicker as default
+};

package/dist/Elements/YearPicker/YearPicker.types.js

@@ -1 +1 @@
-export {};
+

package/dist/RawDatePicker/RawDatePicker.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { type WrappedComponentProps } from 'react-intl';
-import { type RawDatePickerProps } from './RawDatePicker.types';
-declare const _default: React.FC<import("react-intl").WithIntlProps<RawDatePickerProps & WrappedComponentProps>> & {
+import { default as React } from 'react';
+import { WrappedComponentProps } from 'react-intl';
+import { RawDatePickerProps } from './RawDatePicker.types';
+declare const _default: React.FC<import('react-intl').WithIntlProps<RawDatePickerProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<RawDatePickerProps & WrappedComponentProps>;
 };
 export default _default;