@speakapbv/dough-component-library 10.10.0 → 10.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/components/form-elements/date-time/date-time.d.ts +1 -0
  2. package/dist/index.es.js +7 -7
  3. package/dist/index.js +7 -7
  4. package/package.json +1 -1
package/dist/components/form-elements/date-time/date-time.d.ts CHANGED
@@ -27,6 +27,7 @@ export interface DateTimeProps {
27
27
  type?: DoughDateInput;
28
28
  onChange(value: DateRangeValue): void;
29
29
  value?: DateRangeValue;
30
+ twoMonthRangePicker?: boolean;
30
31
  }
31
32
  export declare const DateTime: {
32
33
  (props: DateTimeProps): JSX.Element;
package/dist/index.es.js CHANGED
@@ -2470,17 +2470,17 @@ var isRange = function (props) {
2470
2470
  };
2471
2471
  var DateTime = function (props) {
2472
2472
  var _a, _b, _c, _d, _e, _f;
2473
- var _g = props.locale, locale = _g === void 0 ? doughDefaultLocale : _g, _h = props.disabled, disabled = _h === void 0 ? false : _h, _j = props.readOnly, readOnly = _j === void 0 ? false : _j, _k = props.type, type = _k === void 0 ? DoughDateInput.DATE : _k;
2473
+ var _g = props.locale, locale = _g === void 0 ? doughDefaultLocale : _g, _h = props.disabled, disabled = _h === void 0 ? false : _h, _j = props.readOnly, readOnly = _j === void 0 ? false : _j, _k = props.type, type = _k === void 0 ? DoughDateInput.DATE : _k, _l = props.twoMonthRangePicker, twoMonthRangePicker = _l === void 0 ? true : _l;
2474
2474
  var isTime = function () {
2475
2475
  return type === DoughDateInput.DATETIME ||
2476
2476
  type === DoughDateInput.DATETIMERANGE;
2477
2477
  };
2478
- var _l = useState(props.value && props.value[0] ? props.value[0] : new Date()), visibleRange = _l[0], setVisibleRange = _l[1];
2479
- var _m = useState(MONTH_YEAR_SELECTION_TYPES.hidden), monthYearSelectionType = _m[0], setMonthYearSelectionType = _m[1];
2480
- var _o = useState({
2478
+ var _m = useState(props.value && props.value[0] ? props.value[0] : new Date()), visibleRange = _m[0], setVisibleRange = _m[1];
2479
+ var _o = useState(MONTH_YEAR_SELECTION_TYPES.hidden), monthYearSelectionType = _o[0], setMonthYearSelectionType = _o[1];
2480
+ var _p = useState({
2481
2481
  from: undefined,
2482
2482
  to: undefined,
2483
- }), range = _o[0], setRange = _o[1];
2483
+ }), range = _p[0], setRange = _p[1];
2484
2484
  var openYearsView = function () {
2485
2485
  setMonthYearSelectionType(MONTH_YEAR_SELECTION_TYPES.year);
2486
2486
  };
@@ -2617,7 +2617,7 @@ var DateTime = function (props) {
2617
2617
  React.createElement(LayoutFlexBox, { autoFit: false, className: "dough-date-time-field" },
2618
2618
  React.createElement(LayoutContainer, { layoutType: Direction.VERTICAL },
2619
2619
  React.createElement(LayoutFlexBox, { autoFit: false },
2620
- React.createElement(DateTimeHeader, { locale: locale, multiple: isRange(props), onChange: function (date) {
2620
+ React.createElement(DateTimeHeader, { locale: locale, multiple: isRange(props) && twoMonthRangePicker, onChange: function (date) {
2621
2621
  setVisibleRange(date);
2622
2622
  }, onMonthClicked: openMonthsView, onYearClicked: openYearsView, value: visibleRange })),
2623
2623
  React.createElement(LayoutFlexBox, null,
@@ -2633,7 +2633,7 @@ var DateTime = function (props) {
2633
2633
  .startMinutes,
2634
2634
  }
2635
2635
  : undefined })))))),
2636
- React.createElement(React.Fragment, null, isRange(props) && (React.createElement(BreakpointViewer, { breakpointSize: [
2636
+ React.createElement(React.Fragment, null, isRange(props) && twoMonthRangePicker && (React.createElement(BreakpointViewer, { breakpointSize: [
2637
2637
  BreakpointViewportSizes.XL,
2638
2638
  BreakpointViewportSizes.LARGE,
2639
2639
  BreakpointViewportSizes.MEDIUM,
package/dist/index.js CHANGED
@@ -2453,17 +2453,17 @@ var isRange = function (props) {
2453
2453
  };
2454
2454
  var DateTime = function (props) {
2455
2455
  var _a, _b, _c, _d, _e, _f;
2456
- var _g = props.locale, locale = _g === void 0 ? doughDefaultLocale : _g, _h = props.disabled, disabled = _h === void 0 ? false : _h, _j = props.readOnly, readOnly = _j === void 0 ? false : _j, _k = props.type, type = _k === void 0 ? exports.DoughDateInput.DATE : _k;
2456
+ var _g = props.locale, locale = _g === void 0 ? doughDefaultLocale : _g, _h = props.disabled, disabled = _h === void 0 ? false : _h, _j = props.readOnly, readOnly = _j === void 0 ? false : _j, _k = props.type, type = _k === void 0 ? exports.DoughDateInput.DATE : _k, _l = props.twoMonthRangePicker, twoMonthRangePicker = _l === void 0 ? true : _l;
2457
2457
  var isTime = function () {
2458
2458
  return type === exports.DoughDateInput.DATETIME ||
2459
2459
  type === exports.DoughDateInput.DATETIMERANGE;
2460
2460
  };
2461
- var _l = React.useState(props.value && props.value[0] ? props.value[0] : new Date()), visibleRange = _l[0], setVisibleRange = _l[1];
2462
- var _m = React.useState(MONTH_YEAR_SELECTION_TYPES.hidden), monthYearSelectionType = _m[0], setMonthYearSelectionType = _m[1];
2463
- var _o = React.useState({
2461
+ var _m = React.useState(props.value && props.value[0] ? props.value[0] : new Date()), visibleRange = _m[0], setVisibleRange = _m[1];
2462
+ var _o = React.useState(MONTH_YEAR_SELECTION_TYPES.hidden), monthYearSelectionType = _o[0], setMonthYearSelectionType = _o[1];
2463
+ var _p = React.useState({
2464
2464
  from: undefined,
2465
2465
  to: undefined,
2466
- }), range = _o[0], setRange = _o[1];
2466
+ }), range = _p[0], setRange = _p[1];
2467
2467
  var openYearsView = function () {
2468
2468
  setMonthYearSelectionType(MONTH_YEAR_SELECTION_TYPES.year);
2469
2469
  };
@@ -2600,7 +2600,7 @@ var DateTime = function (props) {
2600
2600
  React__default.createElement(LayoutFlexBox, { autoFit: false, className: "dough-date-time-field" },
2601
2601
  React__default.createElement(LayoutContainer, { layoutType: exports.Direction.VERTICAL },
2602
2602
  React__default.createElement(LayoutFlexBox, { autoFit: false },
2603
- React__default.createElement(DateTimeHeader, { locale: locale, multiple: isRange(props), onChange: function (date) {
2603
+ React__default.createElement(DateTimeHeader, { locale: locale, multiple: isRange(props) && twoMonthRangePicker, onChange: function (date) {
2604
2604
  setVisibleRange(date);
2605
2605
  }, onMonthClicked: openMonthsView, onYearClicked: openYearsView, value: visibleRange })),
2606
2606
  React__default.createElement(LayoutFlexBox, null,
@@ -2616,7 +2616,7 @@ var DateTime = function (props) {
2616
2616
  .startMinutes,
2617
2617
  }
2618
2618
  : undefined })))))),
2619
- React__default.createElement(React__default.Fragment, null, isRange(props) && (React__default.createElement(BreakpointViewer, { breakpointSize: [
2619
+ React__default.createElement(React__default.Fragment, null, isRange(props) && twoMonthRangePicker && (React__default.createElement(BreakpointViewer, { breakpointSize: [
2620
2620
  exports.BreakpointViewportSizes.XL,
2621
2621
  exports.BreakpointViewportSizes.LARGE,
2622
2622
  exports.BreakpointViewportSizes.MEDIUM,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@speakapbv/dough-component-library",
3
- "version": "10.10.0",
3
+ "version": "10.11.0",
4
4
  "description": "DOUGH: Speakap React Component Library",
5
5
  "author": "Speakap",
6
6
  "license": "MIT",