rsuite 5.17.0 → 5.17.1
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/CHANGELOG.md +10 -0
- package/InputGroup/styles/index.less +5 -1
- package/cjs/DatePicker/DatePicker.d.ts +2 -0
- package/cjs/DatePicker/DatePicker.js +4 -2
- package/cjs/DateRangePicker/DateRangePicker.d.ts +2 -0
- package/cjs/DateRangePicker/DateRangePicker.js +4 -2
- package/dist/rsuite-rtl.css +4 -1
- package/dist/rsuite-rtl.min.css +1 -1
- package/dist/rsuite-rtl.min.css.map +1 -1
- package/dist/rsuite.css +4 -1
- package/dist/rsuite.js +2 -2
- package/dist/rsuite.min.css +1 -1
- package/dist/rsuite.min.css.map +1 -1
- package/dist/rsuite.min.js +1 -1
- package/dist/rsuite.min.js.map +1 -1
- package/esm/DatePicker/DatePicker.d.ts +2 -0
- package/esm/DatePicker/DatePicker.js +4 -2
- package/esm/DateRangePicker/DateRangePicker.d.ts +2 -0
- package/esm/DateRangePicker/DateRangePicker.js +4 -2
- package/package.json +1 -1
|
@@ -9,6 +9,8 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
|
|
|
9
9
|
ranges?: RangeType<Date>[];
|
|
10
10
|
/** Calendar panel default presentation date and time */
|
|
11
11
|
calendarDefaultDate?: Date;
|
|
12
|
+
/** Rendered as an input, the date can be entered via the keyboard */
|
|
13
|
+
editable?: boolean;
|
|
12
14
|
/** Format date */
|
|
13
15
|
format?: string;
|
|
14
16
|
/**
|
|
@@ -22,6 +22,8 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
22
22
|
calendarDefaultDate = props.calendarDefaultDate,
|
|
23
23
|
_props$cleanable = props.cleanable,
|
|
24
24
|
cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
|
|
25
|
+
_props$editable = props.editable,
|
|
26
|
+
editable = _props$editable === void 0 ? true : _props$editable,
|
|
25
27
|
defaultValue = props.defaultValue,
|
|
26
28
|
disabled = props.disabled,
|
|
27
29
|
_props$format = props.format,
|
|
@@ -60,7 +62,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
60
62
|
onSelect = props.onSelect,
|
|
61
63
|
onToggleMonthDropdown = props.onToggleMonthDropdown,
|
|
62
64
|
onToggleTimeDropdown = props.onToggleTimeDropdown,
|
|
63
|
-
rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "defaultValue", "disabled", "format", "isoWeek", "limitEndYear", "locale", "menuClassName", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "toggleAs", "caretAs", "disabledDate", "renderValue", "onChange", "onChangeCalendarDate", "onClean", "onClose", "onEntered", "onExited", "onNextMonth", "onOk", "onOpen", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown"]);
|
|
65
|
+
rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "editable", "defaultValue", "disabled", "format", "isoWeek", "limitEndYear", "locale", "menuClassName", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "toggleAs", "caretAs", "disabledDate", "renderValue", "onChange", "onChangeCalendarDate", "onClean", "onClose", "onEntered", "onExited", "onNextMonth", "onOk", "onOpen", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown"]);
|
|
64
66
|
|
|
65
67
|
var _useCustom = useCustom('DatePicker', overrideLocale),
|
|
66
68
|
locale = _useCustom.locale,
|
|
@@ -438,7 +440,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
438
440
|
as: toggleAs,
|
|
439
441
|
ref: targetRef,
|
|
440
442
|
appearance: appearance,
|
|
441
|
-
editable:
|
|
443
|
+
editable: editable,
|
|
442
444
|
inputValue: value ? formatDate(value, formatStr) : '',
|
|
443
445
|
inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : formatStr,
|
|
444
446
|
inputMask: DateUtils.getDateMask(formatStr),
|
|
@@ -7,6 +7,8 @@ export interface DateRangePickerProps extends PickerBaseProps, FormControlBasePr
|
|
|
7
7
|
ranges?: RangeType[];
|
|
8
8
|
/** Format date */
|
|
9
9
|
format?: string;
|
|
10
|
+
/** Rendered as an input, the date can be entered via the keyboard */
|
|
11
|
+
editable?: boolean;
|
|
10
12
|
/** The date range that will be selected when you click on the date */
|
|
11
13
|
hoverRange?: 'week' | 'month' | ((date: Date) => DateRange);
|
|
12
14
|
/** Whether to click once on selected date range,Can be used with hoverRange */
|
|
@@ -27,6 +27,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
27
27
|
className = props.className,
|
|
28
28
|
_props$appearance = props.appearance,
|
|
29
29
|
appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
|
|
30
|
+
_props$editable = props.editable,
|
|
31
|
+
editable = _props$editable === void 0 ? true : _props$editable,
|
|
30
32
|
_props$cleanable = props.cleanable,
|
|
31
33
|
cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
|
|
32
34
|
_props$character = props.character,
|
|
@@ -70,7 +72,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
70
72
|
onOpen = props.onOpen,
|
|
71
73
|
onSelect = props.onSelect,
|
|
72
74
|
renderTitle = props.renderTitle,
|
|
73
|
-
rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "appearance", "cleanable", "character", "defaultCalendarValue", "defaultValue", "disabled", "disabledDate", "format", "hoverRange", "isoWeek", "limitEndYear", "locale", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "renderValue", "showOneCalendar", "showWeekNumbers", "showMeridian", "style", "toggleAs", "caretAs", "value", "onChange", "onClean", "onClose", "onEnter", "onEntered", "onExited", "onOk", "onOpen", "onSelect", "renderTitle"]);
|
|
75
|
+
rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "defaultCalendarValue", "defaultValue", "disabled", "disabledDate", "format", "hoverRange", "isoWeek", "limitEndYear", "locale", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "renderValue", "showOneCalendar", "showWeekNumbers", "showMeridian", "style", "toggleAs", "caretAs", "value", "onChange", "onClean", "onClose", "onEnter", "onEntered", "onExited", "onOk", "onOpen", "onSelect", "renderTitle"]);
|
|
74
76
|
|
|
75
77
|
var _useClassNames = useClassNames(classPrefix),
|
|
76
78
|
merge = _useClassNames.merge,
|
|
@@ -644,7 +646,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
644
646
|
as: toggleAs,
|
|
645
647
|
ref: targetRef,
|
|
646
648
|
appearance: appearance,
|
|
647
|
-
editable:
|
|
649
|
+
editable: editable,
|
|
648
650
|
inputMask: DateUtils.getDateMask(rangeFormatStr),
|
|
649
651
|
inputValue: value ? getDisplayString(value, true) : '',
|
|
650
652
|
inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : rangeFormatStr,
|