@invoicebox/ui 0.1.0-alpha.260 → 0.1.0-alpha.261

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 (5) hide show
  1. package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.d.ts +2 -0
  2. package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.js +3 -3
  3. package/dist/components/form/DateTimeInput/index.js +7 -3
  4. package/dist/components/form/DateTimeInput/index.stories.js +4 -2
  5. package/package.json +1 -1
package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.d.ts CHANGED
@@ -8,5 +8,7 @@ export type TProps = Pick<TCalendarProps, 'maxDate' | 'minDate'> & {
8
8
  onTimeChange: (newValue: [number, number]) => void;
9
9
  onSubmit: () => void;
10
10
  afterSubmit: () => void;
11
+ minTime?: [number, number];
12
+ maxTime?: [number, number];
11
13
  };
12
14
  export declare const MobileDrawerDateTimeCalendar: FC<TProps>;
package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.js CHANGED
@@ -29,7 +29,9 @@ var MobileDrawerDateTimeCalendar = exports.MobileDrawerDateTimeCalendar = functi
29
29
  calendarDropdownValue = _ref.calendarDropdownValue,
30
30
  afterSubmit = _ref.afterSubmit,
31
31
  onSubmit = _ref.onSubmit,
32
- onTimeChange = _ref.onTimeChange;
32
+ onTimeChange = _ref.onTimeChange,
33
+ maxTime = _ref.maxTime,
34
+ minTime = _ref.minTime;
33
35
  var _useState = (0, _react.useState)(true),
34
36
  _useState2 = _slicedToArray(_useState, 2),
35
37
  isDateStep = _useState2[0],
@@ -47,8 +49,6 @@ var MobileDrawerDateTimeCalendar = exports.MobileDrawerDateTimeCalendar = functi
47
49
  setIsDateStep(true);
48
50
  }
49
51
  };
50
- var maxTime = calendarDropdownValue && maxDate && calendarDropdownValue.getDay() === maxDate.getDay() ? [maxDate.getHours(), maxDate.getMinutes()] : undefined;
51
- var minTime = calendarDropdownValue && minDate && calendarDropdownValue.getDay() === minDate.getDay() ? [minDate.getHours(), minDate.getMinutes()] : undefined;
52
52
  var currentHour = (calendarDropdownValue === null || calendarDropdownValue === void 0 ? void 0 : calendarDropdownValue.getHours()) || 0;
53
53
  var currentMinute = (calendarDropdownValue === null || calendarDropdownValue === void 0 ? void 0 : calendarDropdownValue.getMinutes()) || 0;
54
54
  return /*#__PURE__*/_react["default"].createElement(_Drawer.Drawer, {
package/dist/components/form/DateTimeInput/index.js CHANGED
@@ -125,6 +125,8 @@ var DateTimeInput = exports.DateTimeInput = function DateTimeInput(_ref) {
125
125
  onChange(newValue);
126
126
  handleClose();
127
127
  }, [calendarDropdownValue, handleClose, maxDate, minDate, onChange, setStringValue, value, withTime]);
128
+ var maxTime = calendarDropdownValue && maxDate && calendarDropdownValue.getFullYear() === maxDate.getFullYear() && calendarDropdownValue.getMonth() === maxDate.getMonth() && calendarDropdownValue.getDate() === maxDate.getDate() ? [maxDate.getHours(), maxDate.getMinutes()] : undefined;
129
+ var minTime = calendarDropdownValue && minDate && calendarDropdownValue.getFullYear() === minDate.getFullYear() && calendarDropdownValue.getMonth() === minDate.getMonth() && calendarDropdownValue.getDate() === minDate.getDate() ? [minDate.getHours(), minDate.getMinutes()] : undefined;
128
130
  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
129
131
  ref: isMobile ? undefined : elRef
130
132
  }, /*#__PURE__*/_react["default"].createElement(_InputLabel.InputLabel, {
@@ -164,8 +166,8 @@ var DateTimeInput = exports.DateTimeInput = function DateTimeInput(_ref) {
164
166
  value: [(calendarDropdownValue === null || calendarDropdownValue === void 0 ? void 0 : calendarDropdownValue.getHours()) || 0, (calendarDropdownValue === null || calendarDropdownValue === void 0 ? void 0 : calendarDropdownValue.getMinutes()) || 0],
165
167
  onChange: handleTimePickerChange,
166
168
  height: timePickerHeight,
167
- maxTime: calendarDropdownValue && maxDate && calendarDropdownValue.getDay() === maxDate.getDay() ? [maxDate.getHours(), maxDate.getMinutes()] : undefined,
168
- minTime: calendarDropdownValue && minDate && calendarDropdownValue.getDay() === minDate.getDay() ? [minDate.getHours(), minDate.getMinutes()] : undefined
169
+ maxTime: maxTime,
170
+ minTime: minTime
169
171
  })), /*#__PURE__*/_react["default"].createElement(S.DropdownActionButtons, null, /*#__PURE__*/_react["default"].createElement(S.ActionButton, {
170
172
  type: 'button',
171
173
  $bgColor: palette.cancelButton,
@@ -192,6 +194,8 @@ var DateTimeInput = exports.DateTimeInput = function DateTimeInput(_ref) {
192
194
  afterSubmit: handleClose,
193
195
  maxDate: maxDate,
194
196
  minDate: minDate,
195
- onTimeChange: handleTimePickerChange
197
+ onTimeChange: handleTimePickerChange,
198
+ maxTime: maxTime,
199
+ minTime: minTime
196
200
  }));
197
201
  };
package/dist/components/form/DateTimeInput/index.stories.js CHANGED
@@ -47,11 +47,13 @@ var Component = function Component(props) {
47
47
  }
48
48
  }, "Reset"));
49
49
  };
50
+ var currentDate = new Date();
51
+ var dateAfter29Days = currentDate.setDate(currentDate.getDate() + 29);
50
52
  var COMMON_ARGS = {
51
53
  hasError: false,
52
54
  label: 'Label',
53
- minDate: new Date().setHours(10, 10, 0, 0),
54
- maxDate: new Date().setDate(new Date().getDate() + 5)
55
+ minDate: new Date(),
56
+ maxDate: dateAfter29Days
55
57
  };
56
58
  var Default = exports.Default = {
57
59
  args: COMMON_ARGS,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@invoicebox/ui",
3
- "version": "0.1.0-alpha.260",
3
+ "version": "0.1.0-alpha.261",
4
4
  "description": "Invoicebox UI",
5
5
  "license": "Apache License 2.0",
6
6
  "scripts": {