@pedidopago/ui 1.3.26 → 1.3.29
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.
- package/README.md +93 -93
- package/dist/components/Button/Button.test.js +4 -31
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +25 -36
- package/dist/components/Button/types.d.ts +0 -9
- package/dist/components/Button/types.d.ts.map +1 -1
- package/dist/components/DateInput/components/ModalWrapper/index.d.ts.map +1 -1
- package/dist/components/DateInput/components/ModalWrapper/index.js +4 -3
- package/dist/components/DateInput/components/ModalWrapper/styles.d.ts +2 -1
- package/dist/components/DateInput/components/ModalWrapper/styles.d.ts.map +1 -1
- package/dist/components/DateInput/components/ModalWrapper/styles.js +2 -2
- package/dist/components/DateInput/components/ModalWrapper/types.d.ts +2 -0
- package/dist/components/DateInput/components/ModalWrapper/types.d.ts.map +1 -1
- package/dist/components/DateInput/index.d.ts +1 -1
- package/dist/components/DateInput/index.d.ts.map +1 -1
- package/dist/components/DateInput/index.js +11 -6
- package/dist/components/DateInput/types.d.ts +2 -0
- package/dist/components/DateInput/types.d.ts.map +1 -1
- package/dist/components/DatePicker/components/DatePickerContent.d.ts +1 -1
- package/dist/components/DatePicker/components/DatePickerContent.d.ts.map +1 -1
- package/dist/components/DatePicker/components/DatePickerContent.js +13 -7
- package/dist/components/DatePicker/index.d.ts +1 -1
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/DatePicker/index.js +67 -19
- package/dist/components/DatePicker/styles.d.ts +1 -0
- package/dist/components/DatePicker/styles.d.ts.map +1 -1
- package/dist/components/DatePicker/styles.js +2 -2
- package/dist/components/DatePicker/types.d.ts +6 -2
- package/dist/components/DatePicker/types.d.ts.map +1 -1
- package/dist/components/Icon/data/dash.d.ts.map +1 -1
- package/dist/components/Icon/data/dash.js +1 -1
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/Icon/types.d.ts.map +1 -1
- package/dist/components/Pagination/styles.d.ts.map +1 -1
- package/dist/components/Pagination/styles.js +3 -3
- package/dist/components/Select/components/OptionsSelect/index.d.ts.map +1 -1
- package/dist/components/Select/components/OptionsSelect/index.js +2 -0
- package/dist/components/Select/components/OptionsSelect/styles.d.ts +1 -0
- package/dist/components/Select/components/OptionsSelect/styles.d.ts.map +1 -1
- package/dist/components/Select/components/OptionsSelect/styles.js +1 -1
- package/dist/components/Select/components/OptionsSelect/types.d.ts +3 -1
- package/dist/components/Select/components/OptionsSelect/types.d.ts.map +1 -1
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +3 -1
- package/dist/components/Select/types.d.ts +1 -0
- package/dist/components/Select/types.d.ts.map +1 -1
- package/dist/components/Slider/SliderExample.js +1 -1
- package/dist/components/Slider/index.d.ts +1 -0
- package/dist/components/Slider/index.d.ts.map +1 -1
- package/dist/components/Slider/index.js +38 -3
- package/dist/components/Slider/styles.d.ts.map +1 -1
- package/dist/components/Slider/styles.js +1 -1
- package/dist/components/Slider/types.d.ts +1 -0
- package/dist/components/Slider/types.d.ts.map +1 -1
- package/dist/components/Tabs/components/Tabs.js +1 -1
- package/dist/shared/formatters/format-number.d.ts +6 -0
- package/dist/shared/formatters/format-number.d.ts.map +1 -0
- package/dist/shared/formatters/format-number.js +47 -0
- package/dist/shared/formatters/types.d.ts +6 -0
- package/dist/shared/formatters/types.d.ts.map +1 -0
- package/dist/shared/formatters/types.js +1 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { DatePickerProps } from './types';
|
|
3
|
-
declare const DatePicker: ({ value, onChange, minDate, maxDate, variant, color, type, }: DatePickerProps) => JSX.Element;
|
|
3
|
+
declare const DatePicker: ({ value, onChange, minDate: minDateProp, maxDate: maxDateProp, variant, color, type, disableWeekendDays, }: DatePickerProps) => JSX.Element;
|
|
4
4
|
export default DatePicker;
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,UAAU,+GASb,eAAe,gBAiNjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -40,37 +40,82 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
40
40
|
var DatePicker = function DatePicker(_ref) {
|
|
41
41
|
var value = _ref.value,
|
|
42
42
|
onChange = _ref.onChange,
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
minDateProp = _ref.minDate,
|
|
44
|
+
maxDateProp = _ref.maxDate,
|
|
45
45
|
_ref$variant = _ref.variant,
|
|
46
46
|
variant = _ref$variant === void 0 ? 'compact' : _ref$variant,
|
|
47
47
|
color = _ref.color,
|
|
48
48
|
_ref$type = _ref.type,
|
|
49
|
-
type = _ref$type === void 0 ? 'date' : _ref$type
|
|
49
|
+
type = _ref$type === void 0 ? 'date' : _ref$type,
|
|
50
|
+
disableWeekendDays = _ref.disableWeekendDays;
|
|
51
|
+
var date = (0, _react.useMemo)(function () {
|
|
52
|
+
return new Date();
|
|
53
|
+
}, []);
|
|
54
|
+
var minDate = new Date(minDateProp);
|
|
55
|
+
var maxDate = new Date(maxDateProp);
|
|
56
|
+
|
|
57
|
+
var _useState = (0, _react.useState)(function () {
|
|
58
|
+
if (value) {
|
|
59
|
+
return Array.isArray(value) ? new Date(value[0]) : new Date(value);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
if (maxDateProp && minDateProp) {
|
|
63
|
+
return maxDate <= date ? new Date(maxDate.getFullYear(), maxDate.getMonth() - 1) : maxDate;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
if (minDateProp) {
|
|
67
|
+
return minDate > date ? minDate : date;
|
|
68
|
+
}
|
|
50
69
|
|
|
51
|
-
|
|
70
|
+
if (maxDateProp) {
|
|
71
|
+
return maxDate < date ? new Date(maxDate.getFullYear(), maxDate.getMonth() - (variant === 'compact' ? 0 : 1)) : date;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
return date;
|
|
75
|
+
}),
|
|
52
76
|
_useState2 = _slicedToArray(_useState, 2),
|
|
53
77
|
startDate = _useState2[0],
|
|
54
78
|
setStartDate = _useState2[1];
|
|
55
79
|
|
|
56
|
-
var _useState3 = (0, _react.useState)(value ? Array.isArray(value) ? value[1] : value : startDate),
|
|
80
|
+
var _useState3 = (0, _react.useState)(value ? Array.isArray(value) ? new Date(value[1]) : new Date(value) : startDate),
|
|
57
81
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
58
82
|
endDate = _useState4[0],
|
|
59
83
|
setEndDate = _useState4[1];
|
|
60
84
|
|
|
85
|
+
var endDateMonth = endDate.getMonth();
|
|
86
|
+
var startDateMonth = startDate.getMonth();
|
|
87
|
+
|
|
61
88
|
var _useState5 = (0, _react.useState)(function () {
|
|
62
|
-
|
|
89
|
+
if (Array.isArray(value) && value !== null && value !== void 0 && value[1]) {
|
|
90
|
+
if (maxDateProp) {
|
|
91
|
+
if (startDateMonth === endDateMonth && endDateMonth === maxDate.getMonth()) return endDate;
|
|
92
|
+
if (startDateMonth === endDateMonth) return new Date(endDate.getFullYear(), endDateMonth + 1);
|
|
93
|
+
return endDate;
|
|
94
|
+
} else {
|
|
95
|
+
return startDateMonth === endDateMonth ? new Date(endDate.getFullYear(), endDateMonth + 1) : endDate;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
if (maxDateProp) {
|
|
100
|
+
return maxDate.getMonth() === startDateMonth ? maxDate : new Date(startDate.getFullYear(), startDateMonth + 1, 1);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
return new Date(startDate.getFullYear(), startDateMonth + 1, 1);
|
|
63
104
|
}),
|
|
64
105
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
65
|
-
|
|
66
|
-
|
|
106
|
+
secondCalendarDate = _useState6[0],
|
|
107
|
+
setSecondCalendarDate = _useState6[1];
|
|
67
108
|
|
|
68
109
|
var _useState7 = (0, _react.useState)(function () {
|
|
69
|
-
|
|
110
|
+
if (variant === 'extended' && secondCalendarDate.getMonth() === maxDate.getMonth()) {
|
|
111
|
+
return Array.isArray(value) && startDateMonth !== endDateMonth ? startDate : new Date(secondCalendarDate.getFullYear(), secondCalendarDate.getMonth() - 1);
|
|
112
|
+
} else {
|
|
113
|
+
return new Date(startDate.getFullYear(), startDateMonth);
|
|
114
|
+
}
|
|
70
115
|
}),
|
|
71
116
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
72
|
-
|
|
73
|
-
|
|
117
|
+
firstCalendarDate = _useState8[0],
|
|
118
|
+
setFirstCalendarDate = _useState8[1];
|
|
74
119
|
|
|
75
120
|
var _useState9 = (0, _react.useState)(false),
|
|
76
121
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
@@ -91,13 +136,12 @@ var DatePicker = function DatePicker(_ref) {
|
|
|
91
136
|
rowCells.forEach(function (cell) {
|
|
92
137
|
var cellDate = new Date(String(cell.getAttribute('data-date')));
|
|
93
138
|
var isCurrentOverCell = cellDate.toLocaleString() === currentDate.toLocaleString();
|
|
94
|
-
var
|
|
95
|
-
var isBiggerThanStartDate = cellDate.getTime() > startDate.getTime();
|
|
139
|
+
var isBiggerThanStartDate = cellDate.getTime() >= startDate.getTime();
|
|
96
140
|
var isSmallerThanCurrentDate = cellDate.getTime() < currentDate.getTime();
|
|
97
141
|
cell.classList.remove('is-hover');
|
|
98
142
|
|
|
99
|
-
if (endDate.
|
|
100
|
-
if (
|
|
143
|
+
if (endDate.getTime() === startDate.getTime()) {
|
|
144
|
+
if (isBiggerThanStartDate && (isSmallerThanCurrentDate || isCurrentOverCell)) {
|
|
101
145
|
cell.classList.add('is-hover');
|
|
102
146
|
isCurrentOverCell ? cell.classList.add('is-current') : cell.classList.remove('is-current');
|
|
103
147
|
} else {
|
|
@@ -116,7 +160,7 @@ var DatePicker = function DatePicker(_ref) {
|
|
|
116
160
|
var startDateTime = startDate.getTime();
|
|
117
161
|
var currentDateTime = newDate.getTime();
|
|
118
162
|
|
|
119
|
-
if (currentDateTime
|
|
163
|
+
if (currentDateTime >= startDateTime && !isInTheRange(newDate)) {
|
|
120
164
|
setEndDate(newDate);
|
|
121
165
|
onChange === null || onChange === void 0 ? void 0 : onChange([startDate, newDate]);
|
|
122
166
|
} else {
|
|
@@ -150,24 +194,28 @@ var DatePicker = function DatePicker(_ref) {
|
|
|
150
194
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DatePickerContentContainer, {
|
|
151
195
|
isExtended: variant === 'extended',
|
|
152
196
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
|
|
153
|
-
|
|
197
|
+
exitBeforeEnter: true,
|
|
154
198
|
children: !openYearPicker ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
155
199
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePickerContent.DatePickerContent, _objectSpread(_objectSpread(_objectSpread({}, DatePickerContentProps), variant !== 'extended' && {
|
|
156
200
|
handleToggleYearPicker: handleToggleYearPicker,
|
|
157
201
|
enableYearPicker: !maxDate && !minDate
|
|
158
202
|
}), {}, {
|
|
159
203
|
date: firstCalendarDate,
|
|
204
|
+
minDate: DatePickerContentProps.minDate,
|
|
160
205
|
maxDate: variant === 'extended' && !maxDate ? firstCalendarLimit : variant === 'extended' ? maxDate && new Date(maxDate).getTime() < firstCalendarLimit.getTime() ? DatePickerContentProps.maxDate : firstCalendarLimit : DatePickerContentProps.maxDate,
|
|
206
|
+
disableWeekendDays: disableWeekendDays,
|
|
161
207
|
handleChangeDate: function handleChangeDate(newDate) {
|
|
162
208
|
return setFirstCalendarDate(newDate);
|
|
163
209
|
}
|
|
164
210
|
})), variant === 'extended' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePickerContent.DatePickerContent, _objectSpread(_objectSpread({}, DatePickerContentProps), {}, {
|
|
165
211
|
date: secondCalendarDate,
|
|
166
|
-
minDate:
|
|
212
|
+
minDate: DatePickerContentProps.minDate,
|
|
167
213
|
maxDate: DatePickerContentProps.maxDate,
|
|
168
214
|
handleChangeDate: function handleChangeDate(newDate) {
|
|
169
215
|
setSecondCalendarDate(newDate);
|
|
170
|
-
}
|
|
216
|
+
},
|
|
217
|
+
hidePrevMonthButton: secondCalendarDate.getMonth() - 1 === firstCalendarDate.getMonth() || secondCalendarDate.getMonth() === 0 && firstCalendarDate.getMonth() === 11,
|
|
218
|
+
disableWeekendDays: disableWeekendDays
|
|
171
219
|
}))]
|
|
172
220
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateYearPicker.DateYearPicker, {
|
|
173
221
|
date: firstCalendarDate,
|
|
@@ -52,6 +52,7 @@ export declare const DatePickerTableCell: import("@emotion/styled").StyledCompon
|
|
|
52
52
|
isStartDateOfRange?: boolean | undefined;
|
|
53
53
|
isFirstDayOfMonth?: boolean | undefined;
|
|
54
54
|
isLastDayOfMonth?: boolean | undefined;
|
|
55
|
+
isTheSameDate?: boolean | undefined;
|
|
55
56
|
disabled?: boolean | undefined;
|
|
56
57
|
}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
|
|
57
58
|
export declare const DatePickerTableCellSpan: import("@emotion/styled").StyledComponent<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,0BAA0B;;;;gBACzB,OAAO;yGAkBpB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAG/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAM5B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;yGAqBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;qHAqBlC,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAE1B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;uIAc/B,CAAC;AACF,eAAO,MAAM,kBAAkB;;;;;mHAkB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,0BAA0B;;;;gBACzB,OAAO;yGAkBpB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAG/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAM5B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;yGAqBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;qHAqBlC,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAE1B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;uIAc/B,CAAC;AACF,eAAO,MAAM,kBAAkB;;;;;mHAkB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;+HAsJ/B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;gIAGnC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAGnC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAG9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;yGA+B9B,CAAC"}
|
|
@@ -73,7 +73,7 @@ var DatePickerTableRow = _styled.default.tr(_templateObject8 || (_templateObject
|
|
|
73
73
|
|
|
74
74
|
exports.DatePickerTableRow = DatePickerTableRow;
|
|
75
75
|
|
|
76
|
-
var DatePickerTableCell = _styled.default.td(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n position: relative;\n height: 0;\n padding: 12px;\n text-align: center;\n font-family: inherit;\n font-size: 0.75rem;\n font-weight: 600;\n border-radius: 50%;\n cursor: pointer;\n background-color: ", ";\n\n color: ", ";\n\n user-select: none;\n\n transition: background 150ms ease;\n\n ", "\n\n ", "\n\n ", "\n\n &:hover {\n background-color: ", ";\n }\n\n ", "\n\n &.is-current {\n
|
|
76
|
+
var DatePickerTableCell = _styled.default.td(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n position: relative;\n height: 0;\n padding: 12px;\n text-align: center;\n font-family: inherit;\n font-size: 0.75rem;\n font-weight: 600;\n border-radius: 50%;\n cursor: pointer;\n background-color: ", ";\n\n color: ", ";\n\n user-select: none;\n\n transition: background 150ms ease;\n\n ", "\n\n ", "\n\n ", "\n\n &:hover {\n background-color: ", ";\n }\n\n ", "\n\n &.is-current[aria-selected='false']:before {\n border-radius: 0 50% 50% 0 !important;\n }\n\n &.is-current[aria-selected='true']:before {\n display: none;\n }\n"])), function (props) {
|
|
77
77
|
return !props.isPrevNextMonth && !props.disabled && (props.isSelected || props.isEndDateOfRange) ? (0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme) : 'transparent';
|
|
78
78
|
}, function (props) {
|
|
79
79
|
return props.isPrevNextMonth ? props.theme.colors.neutral.neutral2 : props.isSelected || props.isEndDateOfRange ? props.theme.colors.body.light : props['aria-selected'] ? (0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme) : props.theme.colors.neutral.black;
|
|
@@ -82,7 +82,7 @@ var DatePickerTableCell = _styled.default.td(_templateObject9 || (_templateObjec
|
|
|
82
82
|
}, function (props) {
|
|
83
83
|
return props.isToday && !props.isSelected && !props.isEndDateOfRange && "\n &:after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n border: solid 1px ".concat(props.theme.colors.neutral.neutral2, ";\n transform: translate(-50%, -50%);\n }\n ");
|
|
84
84
|
}, function (props) {
|
|
85
|
-
return (props.isInTheRange || props.isEndDateOfRange || props.isStartDateOfRange) && "\n &:before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 96%;\n border-radius: ".concat(props.isStartDateOfRange ? '50% 0 0 50% !important' : props.isEndDateOfRange ? '0 50% 50% 0 !important' : props.isFirstDayOfMonth ? '4px 0 0 4px' : props.isLastDayOfMonth ? '0 4px 4px 0' : '0', ";\n \n background-color: ").concat(!props.isPrevNextMonth && !props.disabled ? (0, _colorCheck.parseHexColorToRgba)((0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme), 0.1) : 'transparent', "; \n transform: translate(-50%, -50%);\n }\n ");
|
|
85
|
+
return !props.isTheSameDate && (props.isInTheRange || props.isEndDateOfRange || props.isStartDateOfRange) && "\n \n &:before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 96%;\n border-radius: ".concat(props.isStartDateOfRange ? '50% 0 0 50% !important' : props.isEndDateOfRange ? '0 50% 50% 0 !important' : props.isFirstDayOfMonth ? '4px 0 0 4px' : props.isLastDayOfMonth ? '0 4px 4px 0' : '0', ";\n \n background-color: ").concat(!props.isPrevNextMonth && !props.disabled ? (0, _colorCheck.parseHexColorToRgba)((0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme), 0.1) : 'transparent', "; \n transform: translate(-50%, -50%);\n }\n ");
|
|
86
86
|
}, function (props) {
|
|
87
87
|
return !props.isSelected && !props.isEndDateOfRange && (0, _colorCheck.parseHslColorToString)((0, _colorToGray.convertColor)((0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme)).neutral1);
|
|
88
88
|
}, function (props) {
|
|
@@ -18,18 +18,19 @@ export declare type DatePickerProps = {
|
|
|
18
18
|
* Sets the date picker's minimum month and year.
|
|
19
19
|
* @summary To set the minimum date, the date needs to be the first day of the month.
|
|
20
20
|
*/
|
|
21
|
-
minDate?: Date;
|
|
21
|
+
minDate?: Date | number | string;
|
|
22
22
|
/**
|
|
23
23
|
* Sets the date picker's maximum month and year.
|
|
24
24
|
* @summary To set the maximum date, the date needs to be the first day of the month.
|
|
25
25
|
*/
|
|
26
|
-
maxDate?: Date;
|
|
26
|
+
maxDate?: Date | number | string;
|
|
27
27
|
/**
|
|
28
28
|
* Callback function that is called when the date picker's value changes.
|
|
29
29
|
* @param {Date} date - The new date.
|
|
30
30
|
*/
|
|
31
31
|
onChange?: (date: Date | [Date, Date]) => void;
|
|
32
32
|
color?: GlobalColorsProps | (string & {});
|
|
33
|
+
disableWeekendDays?: boolean;
|
|
33
34
|
};
|
|
34
35
|
export declare type GenericStyledProps = {
|
|
35
36
|
theme?: ExtendThemeProps & {
|
|
@@ -51,6 +52,9 @@ export declare type DatePickerContentProps = {
|
|
|
51
52
|
maxDate?: Date;
|
|
52
53
|
type?: 'date' | 'range';
|
|
53
54
|
color?: 'primary' | 'secondary' | 'tertiary';
|
|
55
|
+
hideNextMonthButton?: boolean;
|
|
56
|
+
hidePrevMonthButton?: boolean;
|
|
57
|
+
disableWeekendDays?: boolean;
|
|
54
58
|
};
|
|
55
59
|
export declare type DateYearPickerProps = {
|
|
56
60
|
date: Date;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAErF,oBAAY,eAAe,GAAG;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAErF,oBAAY,eAAe,GAAG;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,KAAK,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,gBAAgB,GAAG;QACzB,aAAa,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;KAClD,CAAC;CACH,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,SAAS,EAAE,IAAI,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,YAAY,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,OAAO,CAAC;IAC7C,eAAe,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,gBAAgB,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC7C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,IAAI,EAAE,IAAI,CAAC;IACX,gBAAgB,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;CAC3C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dash.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/data/dash.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;
|
|
1
|
+
{"version":3,"file":"dash.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/data/dash.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;GAimFrB,CAAC"}
|