linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/inputs/period/Dropdown.js

@@ -1,36 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _reactDom = _interopRequireDefault(require("react-dom"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CALENDAR_MIN_WIDTH = 250;
-const Dropdown = props => {
+import { useRef as s, useEffect as o } from "react";
+import a from "react-dom";
+const d = 250, l = (e) => {
   const {
-    children,
-    dropdownRef,
-    containerRef,
-    inputDimensions
-  } = props;
-  const elementRef = (0, _react.useRef)(document.createElement('div'));
-  const width = inputDimensions && inputDimensions.width || CALENDAR_MIN_WIDTH;
-  (0, _react.useEffect)(() => {
-    elementRef.current.className = 'datepicker-component';
-    elementRef.current.style.width = String(width).concat('px');
-    elementRef.current.style.top = String(inputDimensions?.bottom).concat('px');
-    containerRef.current?.appendChild(elementRef.current);
-    dropdownRef(elementRef.current);
-    return () => {
-      containerRef.current?.removeChild(elementRef.current);
-    };
-  }, []);
-  (0, _react.useEffect)(() => {
-    elementRef.current.style.width = String(width).concat('px');
-    elementRef.current.style.top = String(props.inputDimensions?.bottom).concat('px');
-  }, [props]);
-  return /*#__PURE__*/_reactDom.default.createPortal(children, elementRef.current);
+    children: i,
+    dropdownRef: u,
+    containerRef: r,
+    inputDimensions: n
+  } = e, t = s(document.createElement("div")), c = n && n.width || d;
+  return o(() => (t.current.className = "datepicker-component", t.current.style.width = String(c).concat("px"), t.current.style.top = String(n?.bottom).concat("px"), r.current?.appendChild(t.current), u(t.current), () => {
+    r.current?.removeChild(t.current);
+  }), []), o(() => {
+    t.current.style.width = String(c).concat("px"), t.current.style.top = String(e.inputDimensions?.bottom).concat("px");
+  }, [e]), a.createPortal(i, t.current);
 };
-var _default = exports.default = Dropdown;
+export {
+  l as default
+};
+//# sourceMappingURL=Dropdown.js.map

package/lib/inputs/period/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../src/lib/inputs/period/Dropdown.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport { IPeriodDropdownProps } from './types';\n\nconst CALENDAR_MIN_WIDTH = 250;\nconst Dropdown = (props: IPeriodDropdownProps) => {\n  const { children, dropdownRef, containerRef, inputDimensions } = props;\n  const elementRef = useRef(document.createElement('div'));\n  const width = inputDimensions && inputDimensions.width || CALENDAR_MIN_WIDTH;\n\n  useEffect(() => {\n    elementRef.current.className = 'datepicker-component';\n    elementRef.current.style.width = String(width).concat('px');\n    elementRef.current.style.top = String(inputDimensions?.bottom).concat('px');\n\n    containerRef.current?.appendChild(elementRef.current);\n    dropdownRef(elementRef.current);\n\n    return () => {\n      containerRef.current?.removeChild(elementRef.current);\n    };\n  }, []);\n\n  useEffect(() => {\n    elementRef.current.style.width = String(width).concat('px');\n    elementRef.current.style.top = String(props.inputDimensions?.bottom).concat('px');\n  }, [props]);\n\n  return ReactDOM.createPortal(children, elementRef.current);\n};\n\nexport default Dropdown;\n"],"names":["CALENDAR_MIN_WIDTH","Dropdown","props","children","dropdownRef","containerRef","inputDimensions","elementRef","useRef","document","createElement","width","useEffect","current","className","style","String","concat","top","bottom","appendChild","removeChild","ReactDOM","createPortal"],"mappings":";;AAIA,MAAMA,IAAqB,KACrBC,IAAWA,CAACC,MAAgC;AAChD,QAAM;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,aAAAA;AAAAA,IAAaC,cAAAA;AAAAA,IAAcC,iBAAAA;AAAAA,EAAAA,IAAoBJ,GAC3DK,IAAaC,EAAOC,SAASC,cAAc,KAAK,CAAC,GACjDC,IAAQL,KAAmBA,EAAgBK,SAASX;AAE1DY,SAAAA,EAAU,OACRL,EAAWM,QAAQC,YAAY,wBAC/BP,EAAWM,QAAQE,MAAMJ,QAAQK,OAAOL,CAAK,EAAEM,OAAO,IAAI,GAC1DV,EAAWM,QAAQE,MAAMG,MAAMF,OAAOV,GAAiBa,MAAM,EAAEF,OAAO,IAAI,GAE1EZ,EAAaQ,SAASO,YAAYb,EAAWM,OAAO,GACpDT,EAAYG,EAAWM,OAAO,GAEvB,MAAM;AACXR,IAAAA,EAAaQ,SAASQ,YAAYd,EAAWM,OAAO;AAAA,EACtD,IACC,CAAA,CAAE,GAELD,EAAU,MAAM;AACdL,IAAAA,EAAWM,QAAQE,MAAMJ,QAAQK,OAAOL,CAAK,EAAEM,OAAO,IAAI,GAC1DV,EAAWM,QAAQE,MAAMG,MAAMF,OAAOd,EAAMI,iBAAiBa,MAAM,EAAEF,OAAO,IAAI;AAAA,EAClF,GAAG,CAACf,CAAK,CAAC,GAEHoB,EAASC,aAAapB,GAAUI,EAAWM,OAAO;AAC3D;"}

package/lib/inputs/period/PeriodList.d.ts

@@ -1,14 +1,3 @@
-import { IPeriodListProps } from './types.js';
-import 'moment';
-import 'react';
-import '../../@types/ColorStyles.js';
-import '../../@types/Period.js';
-import '../../@types/PermissionAttr.js';
-import '../base/types.js';
-import '../../@types/Align.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-declare const PeriodList: ({ selected, handleOnSelect }: IPeriodListProps) => JSX.Element;
-
-export { PeriodList as default };
+import { IPeriodListProps } from './types';
+declare const PeriodList: ({ selected, handleOnSelect }: IPeriodListProps) => import("react/jsx-runtime").JSX.Element;
+export default PeriodList;

package/lib/inputs/period/PeriodList.js

@@ -1,52 +1,44 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _helper = require("./helper");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const periodOptions = [{
-  id: 'today',
-  label: 'Hoje'
+import { jsx as i } from "react/jsx-runtime";
+import { c } from "../../_virtual/compiler-runtime.js";
+import { getDropdownItemCssClass as m, CalcDatesByPeriod as p } from "./helper.js";
+const u = [{
+  id: "today",
+  label: "Hoje"
 }, {
-  id: 'week',
-  label: 'Semana Atual'
+  id: "week",
+  label: "Semana Atual"
 }, {
-  id: 'lastweek',
-  label: 'Última Semana'
+  id: "lastweek",
+  label: "Última Semana"
 }, {
-  id: 'last15',
-  label: 'Últimos 15 dias'
+  id: "last15",
+  label: "Últimos 15 dias"
 }, {
-  id: 'month',
-  label: 'Mês atual'
+  id: "month",
+  label: "Mês atual"
 }, {
-  id: 'lastmonth',
-  label: 'Último Mês'
+  id: "lastmonth",
+  label: "Último Mês"
 }, {
-  id: 'custom',
-  label: 'Customizar'
-}];
-const PeriodList = _ref => {
-  let {
-    selected,
-    handleOnSelect
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "dropdown-period"
-  }, periodOptions.map(item => {
-    const itemSelected = selected === item.id;
-    return /*#__PURE__*/_react.default.createElement("button", {
-      key: String('item-').concat(item.id),
-      tabIndex: -1,
-      className: (0, _helper.getDropdownItemCssClass)(itemSelected),
-      onClick: () => {
-        const dates = item.id !== 'custom' ? (0, _helper.CalcDatesByPeriod)(item.id) : null;
-        handleOnSelect(item.id, dates);
-      }
-    }, item.label);
-  }));
+  id: "custom",
+  label: "Customizar"
+}], C = (d) => {
+  const e = c.c(5), {
+    selected: o,
+    handleOnSelect: s
+  } = d;
+  let t;
+  e[0] !== s || e[1] !== o ? (t = u.map((l) => {
+    const n = o === l.id;
+    return /* @__PURE__ */ i("button", { tabIndex: -1, className: m(n), onClick: () => {
+      const r = l.id !== "custom" ? p(l.id) : null;
+      s(l.id, r);
+    }, children: l.label }, "item-".concat(l.id));
+  }), e[0] = s, e[1] = o, e[2] = t) : t = e[2];
+  let a;
+  return e[3] !== t ? (a = /* @__PURE__ */ i("div", { className: "dropdown-period", children: t }), e[3] = t, e[4] = a) : a = e[4], a;
 };
-var _default = exports.default = PeriodList;
+export {
+  C as default
+};
+//# sourceMappingURL=PeriodList.js.map

package/lib/inputs/period/PeriodList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeriodList.js","sources":["../../../src/lib/inputs/period/PeriodList.tsx"],"sourcesContent":["import { CalcDatesByPeriod, getDropdownItemCssClass } from './helper';\nimport { IPeriodOptions, IPeriodListProps } from './types';\n\nconst periodOptions: IPeriodOptions[] = [\n  { id: 'today', label: 'Hoje' },\n  { id: 'week', label: 'Semana Atual' },\n  { id: 'lastweek', label: 'Última Semana' },\n  { id: 'last15', label: 'Últimos 15 dias' },\n  { id: 'month', label: 'Mês atual' },\n  { id: 'lastmonth', label: 'Último Mês' },\n  { id: 'custom', label: 'Customizar' },\n];\n\nconst PeriodList = ({ selected, handleOnSelect }: IPeriodListProps) => (\n  <div className=\"dropdown-period\">\n    {\n      periodOptions.map((item) => {\n        const itemSelected = (selected === item.id);\n        return (\n          <button\n            key={String('item-').concat(item.id)}\n            tabIndex={-1}\n            className={getDropdownItemCssClass(itemSelected)}\n            onClick={() => {\n              const dates = item.id !== 'custom' ? CalcDatesByPeriod(item.id) : null;\n              handleOnSelect(item.id, dates);\n            }}>\n            {item.label}\n          </button>\n        );\n      })}\n  </div>\n);\n\nexport default PeriodList;\n"],"names":["periodOptions","id","label","PeriodList","t0","$","_c","selected","handleOnSelect","t1","map","item","itemSelected","jsx","getDropdownItemCssClass","dates","CalcDatesByPeriod","concat","t2"],"mappings":";;;AAGA,MAAMA,IAAkC,CACtC;AAAA,EAAEC,IAAI;AAAA,EAASC,OAAO;AAAO,GAC7B;AAAA,EAAED,IAAI;AAAA,EAAQC,OAAO;AAAe,GACpC;AAAA,EAAED,IAAI;AAAA,EAAYC,OAAO;AAAgB,GACzC;AAAA,EAAED,IAAI;AAAA,EAAUC,OAAO;AAAkB,GACzC;AAAA,EAAED,IAAI;AAAA,EAASC,OAAO;AAAY,GAClC;AAAA,EAAED,IAAI;AAAA,EAAaC,OAAO;AAAa,GACvC;AAAA,EAAED,IAAI;AAAA,EAAUC,OAAO;AAAa,CAAC,GAGjCC,IAAaC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,EAAAA,IAAAJ;AAA8C,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAG,KAAAH,SAAAE,KAG5DE,IAAAT,EAAaU,IAAKC,CAAAA,MAAA;AAChB,UAAAC,IAAsBL,MAAaI,EAAIV;AAAK,WAE1C,gBAAAY,EAAA,YAEY,UAAA,IACC,WAAAC,EAAwBF,CAAY,GACtC,SAAA,MAAA;AACP,YAAAG,IAAcJ,EAAIV,OAAQ,WAAWe,EAAkBL,EAAIV,EAAU,IAAvD;AACdO,MAAAA,EAAeG,EAAIV,IAAKc,CAAK;AAAA,IAAC,GAE/BJ,YAAIT,SAPO,QAAQe,OAAQN,EAAIV,EAAG,CAQrC;AAAA,EAAS,CAEZ,GAACI,OAAAG,GAAAH,OAAAE,GAAAF,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAa;AAAA,SAAAb,SAAAI,KAhBNS,IAAA,gBAAAL,EAAA,OAAA,EAAe,WAAA,mBAEXJ,UAAAA,GAeJ,GAAMJ,OAAAI,GAAAJ,OAAAa,KAAAA,IAAAb,EAAA,CAAA,GAjBNa;AAiBM;"}

package/lib/inputs/period/helper.d.ts

@@ -1,22 +1,11 @@
 import { Moment } from 'moment';
-import { DateTypes } from './types.js';
-import 'react';
-import '../../@types/ColorStyles.js';
-import '../../@types/Period.js';
-import '../../@types/PermissionAttr.js';
-import '../base/types.js';
-import '../../@types/Align.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-
+import { DateTypes } from './types';
 declare const getCalendarDropdownStyle: ({ topPosition, leftPosition, width }: {
     topPosition: number | string;
     leftPosition: number | string;
     width: number | string;
 }) => string;
-
-declare const getDropdownItemCssClass: (selected?: boolean, disabled?: boolean, striped?: boolean) => string;
-declare const CalcDatesByPeriod: (dateType: DateTypes) => Moment[];
-declare const isDateValid: (date: Moment) => boolean;
-
-export { CalcDatesByPeriod, getCalendarDropdownStyle as default, getDropdownItemCssClass, isDateValid };
+export default getCalendarDropdownStyle;
+export declare const getDropdownItemCssClass: (selected?: boolean, disabled?: boolean, striped?: boolean) => string;
+export declare const CalcDatesByPeriod: (dateType: DateTypes) => Moment[];
+export declare const isDateValid: (date: Moment) => boolean;

package/lib/inputs/period/helper.js

@@ -1,66 +1,32 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isDateValid = exports.getDropdownItemCssClass = exports.default = exports.CalcDatesByPeriod = void 0;
-var _moment = _interopRequireDefault(require("moment"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const getCalendarDropdownStyle = _ref => {
-  let {
-    topPosition,
-    leftPosition,
-    width
-  } = _ref;
-  return `top: ${topPosition}px;
-  left: ${leftPosition}px;
-  width:${width}px`;
-};
-var _default = exports.default = getCalendarDropdownStyle;
-const getDropdownItemCssClass = function () {
-  let selected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  let disabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  let striped = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  let className = 'item';
-  className += selected && !disabled ? ' -selected ' : '';
-  className += disabled ? ' -disabled' : '';
-  className += !selected && !disabled && striped ? ' -striped ' : '';
-  return className;
-};
-exports.getDropdownItemCssClass = getDropdownItemCssClass;
-const CalcDatesByPeriod = dateType => {
-  const currentDate = (0, _moment.default)();
-  const dateTypes = {
-    today: () => [currentDate, currentDate],
+import a from "../../node_modules/moment/dist/moment.js";
+const l = (s = !1, e = !1, r = !1) => {
+  let t = "item";
+  return t += s && !e ? " -selected " : "", t += e ? " -disabled" : "", t += !s && !e && r ? " -striped " : "", t;
+}, m = (s) => {
+  const e = a();
+  return {
+    today: () => [e, e],
     week: () => {
-      const weekStart = currentDate.clone().startOf('week');
-      const weekEnd = currentDate.clone().endOf('week');
-      return [weekStart, weekEnd];
+      const t = e.clone().startOf("week"), n = e.clone().endOf("week");
+      return [t, n];
     },
     lastweek: () => {
-      const lastWeek = currentDate.subtract(1, 'weeks');
-      const weekStart = lastWeek.clone().startOf('week');
-      const weekEnd = lastWeek.clone().endOf('week');
-      return [weekStart, weekEnd];
-    },
-    last15: () => {
-      const last15Day = (0, _moment.default)(currentDate);
-      return [last15Day.subtract(15, 'days'), currentDate];
+      const t = e.subtract(1, "weeks"), n = t.clone().startOf("week"), o = t.clone().endOf("week");
+      return [n, o];
     },
+    last15: () => [a(e).subtract(15, "days"), e],
     month: () => {
-      const monthStart = currentDate.clone().startOf('month');
-      const monthEnd = currentDate.clone().endOf('month');
-      return [monthStart, monthEnd];
+      const t = e.clone().startOf("month"), n = e.clone().endOf("month");
+      return [t, n];
     },
     lastmonth: () => {
-      const lastMonth = currentDate.subtract(1, 'months');
-      const monthStart = lastMonth.clone().startOf('month');
-      const monthEnd = lastMonth.clone().endOf('month');
-      return [monthStart, monthEnd];
+      const t = e.subtract(1, "months"), n = t.clone().startOf("month"), o = t.clone().endOf("month");
+      return [n, o];
     }
-  };
-  return dateTypes[dateType]();
+  }[s]();
+};
+export {
+  m as CalcDatesByPeriod,
+  l as getDropdownItemCssClass
 };
-exports.CalcDatesByPeriod = CalcDatesByPeriod;
-const isDateValid = date => date && (0, _moment.default)(date).isValid();
-exports.isDateValid = isDateValid;
+//# sourceMappingURL=helper.js.map

package/lib/inputs/period/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../../src/lib/inputs/period/helper.ts"],"sourcesContent":["import moment, { Moment } from 'moment';\nimport { DateTypes } from './types';\n\nconst getCalendarDropdownStyle = ({ topPosition, leftPosition, width }:\n{ topPosition: number | string, leftPosition: number | string, width: number | string }) => (\n  `top: ${topPosition}px;\n  left: ${leftPosition}px;\n  width:${width}px`\n);\nexport default getCalendarDropdownStyle;\n\nexport const getDropdownItemCssClass = (selected = false, disabled = false, striped = false) => {\n  let className = 'item';\n  className += (selected && !disabled ? ' -selected ' : '');\n  className += disabled ? ' -disabled' : '';\n  className += (!selected && !disabled && striped ? ' -striped ' : '');\n  return className;\n};\n\nexport const CalcDatesByPeriod = (dateType: DateTypes): Moment[] => {\n  const currentDate = moment();\n  const dateTypes = {\n    today: () => [currentDate, currentDate],\n    week: () => {\n      const weekStart = currentDate.clone().startOf('week');\n      const weekEnd = currentDate.clone().endOf('week');\n      return [weekStart, weekEnd];\n    },\n    lastweek: () => {\n      const lastWeek = currentDate.subtract(1, 'weeks');\n      const weekStart = lastWeek.clone().startOf('week');\n      const weekEnd = lastWeek.clone().endOf('week');\n      return [weekStart, weekEnd];\n    },\n    last15: () => {\n      const last15Day = moment(currentDate);\n      return [last15Day.subtract(15, 'days'), currentDate];\n    },\n    month: () => {\n      const monthStart = currentDate.clone().startOf('month');\n      const monthEnd = currentDate.clone().endOf('month');\n      return [monthStart, monthEnd];\n    },\n    lastmonth: () => {\n      const lastMonth = currentDate.subtract(1, 'months');\n      const monthStart = lastMonth.clone().startOf('month');\n      const monthEnd = lastMonth.clone().endOf('month');\n      return [monthStart, monthEnd];\n    },\n  };\n  return dateTypes[dateType]();\n};\n\nexport const isDateValid = (date: Moment) => date && moment(date).isValid();\n"],"names":["getDropdownItemCssClass","selected","disabled","striped","className","CalcDatesByPeriod","dateType","currentDate","moment","today","week","weekStart","clone","startOf","weekEnd","endOf","lastweek","lastWeek","subtract","last15","month","monthStart","monthEnd","lastmonth","lastMonth"],"mappings":";AAWO,MAAMA,IAA0BA,CAACC,IAAW,IAAOC,IAAW,IAAOC,IAAU,OAAU;AAC9F,MAAIC,IAAY;AAChBA,SAAAA,KAAcH,KAAY,CAACC,IAAW,gBAAgB,IACtDE,KAAaF,IAAW,eAAe,IACvCE,KAAc,CAACH,KAAY,CAACC,KAAYC,IAAU,eAAe,IAC1DC;AACT,GAEaC,IAAoBA,CAACC,MAAkC;AAClE,QAAMC,IAAcC,EAAAA;AA8BpB,SA7BkB;AAAA,IAChBC,OAAOA,MAAM,CAACF,GAAaA,CAAW;AAAA,IACtCG,MAAMA,MAAM;AACV,YAAMC,IAAYJ,EAAYK,MAAAA,EAAQC,QAAQ,MAAM,GAC9CC,IAAUP,EAAYK,MAAAA,EAAQG,MAAM,MAAM;AAChD,aAAO,CAACJ,GAAWG,CAAO;AAAA,IAC5B;AAAA,IACAE,UAAUA,MAAM;AACd,YAAMC,IAAWV,EAAYW,SAAS,GAAG,OAAO,GAC1CP,IAAYM,EAASL,MAAAA,EAAQC,QAAQ,MAAM,GAC3CC,IAAUG,EAASL,MAAAA,EAAQG,MAAM,MAAM;AAC7C,aAAO,CAACJ,GAAWG,CAAO;AAAA,IAC5B;AAAA,IACAK,QAAQA,MAEC,CADWX,EAAOD,CAAW,EAClBW,SAAS,IAAI,MAAM,GAAGX,CAAW;AAAA,IAErDa,OAAOA,MAAM;AACX,YAAMC,IAAad,EAAYK,MAAAA,EAAQC,QAAQ,OAAO,GAChDS,IAAWf,EAAYK,MAAAA,EAAQG,MAAM,OAAO;AAClD,aAAO,CAACM,GAAYC,CAAQ;AAAA,IAC9B;AAAA,IACAC,WAAWA,MAAM;AACf,YAAMC,IAAYjB,EAAYW,SAAS,GAAG,QAAQ,GAC5CG,IAAaG,EAAUZ,MAAAA,EAAQC,QAAQ,OAAO,GAC9CS,IAAWE,EAAUZ,MAAAA,EAAQG,MAAM,OAAO;AAChD,aAAO,CAACM,GAAYC,CAAQ;AAAA,IAC9B;AAAA,EAAA,EAEehB,CAAQ,EAAA;AAC3B;"}

package/lib/inputs/period/index.d.ts

@@ -1,14 +1,3 @@
-import { IPeriodPickerProps } from './types.js';
-import 'moment';
-import 'react';
-import '../../@types/ColorStyles.js';
-import '../../@types/Period.js';
-import '../../@types/PermissionAttr.js';
-import '../base/types.js';
-import '../../@types/Align.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-declare const PeriodPicker: (props: IPeriodPickerProps) => JSX.Element | null;
-
-export { PeriodPicker as default };
+import { IPeriodPickerProps } from './types';
+declare const PeriodPicker: (props: IPeriodPickerProps) => import("react/jsx-runtime").JSX.Element | null;
+export default PeriodPicker;