@docsvision/material-ui-pickers 3.2.0-beta.27 → 3.2.0-beta.28

package/index.d.ts

@@ -1,14 +1,14 @@
-import { MaterialUiPickersDate } from './typings/date';
-import { KeyboardTimePickerProps } from './TimePicker';
-import { DatePickerProps, KeyboardDatePickerProps } from './DatePicker';
-import { DateTimePickerProps, KeyboardDateTimePickerProps } from './DateTimePicker';
-export declare type TimePickerProps = KeyboardTimePickerProps;
-export declare type KeyboardTimePickerProps = KeyboardTimePickerProps;
-export declare type DatePickerProps = DatePickerProps;
-export declare type KeyboardDatePickerProps = KeyboardDatePickerProps;
-export declare type DateTimePickerProps = DateTimePickerProps;
-export declare type KeyboardDateTimePickerProps = KeyboardDateTimePickerProps;
-export declare type MaterialUiPickersDate = MaterialUiPickersDate;
+import { MaterialUiPickersDate as IMaterialUiPickersDate } from './typings/date';
+import { KeyboardTimePickerProps as IKeyboardTimePickerProps } from './TimePicker';
+import { DatePickerProps as IDatePickerProps, KeyboardDatePickerProps as IKeyboardDatePickerProps } from './DatePicker';
+import { DateTimePickerProps as IDateTimePickerProps, KeyboardDateTimePickerProps as IKeyboardDateTimePickerProps } from './DateTimePicker';
+export declare type TimePickerProps = IKeyboardTimePickerProps;
+export declare type KeyboardTimePickerProps = IKeyboardTimePickerProps;
+export declare type DatePickerProps = IDatePickerProps;
+export declare type KeyboardDatePickerProps = IKeyboardDatePickerProps;
+export declare type DateTimePickerProps = IDateTimePickerProps;
+export declare type KeyboardDateTimePickerProps = IKeyboardDateTimePickerProps;
+export declare type MaterialUiPickersDate = IMaterialUiPickersDate;
 export { DatePicker, KeyboardDatePicker } from './DatePicker';
 export { TimePicker, KeyboardTimePicker } from './TimePicker';
 export { DateTimePicker, KeyboardDateTimePicker } from './DateTimePicker';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docsvision/material-ui-pickers",
-  "version": "3.2.0-beta.27",
+  "version": "3.2.0-beta.28",
   "description": "Fork @material-ui/pickers that implements advanced features required for DocsVision WebClient. Original repository https://github.com/mui-org/material-ui-pickers",
   "keywords": [
     "material-ui",
@@ -22,7 +22,7 @@
     "name": "Docsvision"
   },
   "peerDependencies": {
-    "@date-io/core": "^1.3.6",
+    "@date-io/core": "3.2.0",
     "@material-ui/core": "^4.0.0",
     "prop-types": "^15.6.0",
     "react": "^16.8.6",
@@ -42,9 +42,9 @@
   ],
   "scripts": {
     "test": "jest",
-    "test:date-fns": "UTILS=date-fns npm run test",
-    "test:luxon": "UTILS=luxon npm run test",
-    "test:moment": "UTILS=moment npm run test",
+    "test:date-fns": "cross-env UTILS=date-fns npm run test",
+    "test:luxon": "cross-env UTILS=luxon npm run test",
+    "test:moment": "cross-env UTILS=moment npm run test",
     "start": "rollup --config rollup.config.dev.js --watch & npx tsc --watch",
     "prebuild": "rimraf build",
     "build:copy": "node copy.js",

package/typings/BasePicker.d.ts

@@ -55,5 +55,5 @@ export interface BasePickerProps {
     variant?: WrapperVariant;
     showShiftButtons?: boolean;
     setShiftFunction?: (days: number) => Date;
-    shiftButtonValues?: Object;
+    shiftButtonValues?: Record<string, React.Key>;
 }

package/views/Calendar/Calendar.js

@@ -135,7 +135,7 @@ var Calendar = /** @class */ (function (_super) {
             return week.map(function (day) {
                 var disabled = _this.shouldDisableDate(day);
                 var isDayInCurrentMonth = utils.getMonth(day) === currentMonthNumber;
-                var dayComponent = (React.createElement(Day_1.default, { disabled: disabled, current: utils.isSameDay(day, now), hidden: !isDayInCurrentMonth, selected: utils.isSameDay(selectedDate, day) }, utils.getDayText(day)));
+                var dayComponent = (React.createElement(Day_1.default, { disabled: disabled, current: utils.isSameDay(day, now), hidden: !isDayInCurrentMonth, selected: utils.isSameDay(selectedDate, day) }, utils.formatByString(day, utils.formats.dayOfMonth)));
                 if (renderDay) {
                     dayComponent = renderDay(day, selectedDate, isDayInCurrentMonth, dayComponent);
                 }

package/views/Calendar/CalendarHeader.js

@@ -72,7 +72,7 @@ exports.CalendarHeader = function (_a) {
         React.createElement("div", { className: classes.switchHeader },
             React.createElement(IconButton_1.default, __assign({}, leftArrowButtonProps, { disabled: disablePrevMonth, onClick: selectPreviousMonth, className: classes.iconButton }), rtl ? rightArrowIcon : leftArrowIcon),
             React.createElement(SlideTransition_1.default, { slideDirection: slideDirection, transKey: currentMonth.toString(), className: classes.transitionContainer },
-                React.createElement(Typography_1.default, { align: "center", variant: "body1" }, utils.getCalendarHeaderText(currentMonth))),
+                React.createElement(Typography_1.default, { align: "center", variant: "body1" }, utils.formatByString(currentMonth, utils.formats.monthAndYear))),
             React.createElement(IconButton_1.default, __assign({}, rightArrowButtonProps, { disabled: disableNextMonth, onClick: selectNextMonth, className: classes.iconButton }), rtl ? leftArrowIcon : rightArrowIcon)),
         React.createElement("div", { className: classes.daysHeader }, utils.getWeekdays().map(function (day, index) { return (React.createElement(Typography_1.default, { key: index, variant: "caption", className: classes.dayLabel }, day)); }))));
 };

package/views/Clock/Clock.js

@@ -92,7 +92,7 @@ var Clock = /** @class */ (function (_super) {
                 children)));
     };
     Clock.propTypes = {
-        type: PropTypes.oneOf(Object.keys(ClockType_1.default).map(function (key) { return ClockType_1.default[key]; })).isRequired,
+        type: PropTypes.oneOf(Object.values(ClockType_1.default)).isRequired,
         value: PropTypes.number.isRequired,
         onChange: PropTypes.func.isRequired,
         children: PropTypes.arrayOf(PropTypes.node).isRequired,

package/views/Clock/ClockNumbers.d.ts

@@ -3,10 +3,10 @@ import { IUtils } from '@date-io/core/IUtils';
 import { MaterialUiPickersDate } from '../../typings/date';
 export declare const getHourNumbers: ({ ampm, utils, date, }: {
     ampm: boolean;
-    utils: IUtils<MaterialUiPickersDate>;
+    utils: IUtils<MaterialUiPickersDate, any>;
     date: MaterialUiPickersDate;
 }) => JSX.Element[];
 export declare const getMinutesNumbers: ({ value, utils, }: {
     value: number;
-    utils: IUtils<MaterialUiPickersDate>;
+    utils: IUtils<MaterialUiPickersDate, any>;
 }) => JSX.Element[];

package/views/Clock/ClockView.js

@@ -77,7 +77,7 @@ exports.TimePickerView.propTypes = {
     onSecondsChange: PropTypes.func.isRequired,
     ampm: PropTypes.bool,
     minutesStep: PropTypes.number,
-    type: PropTypes.oneOf(Object.keys(ClockType_1.default).map(function (key) { return ClockType_1.default[key]; })).isRequired,
+    type: PropTypes.oneOf(Object.values(ClockType_1.default)).isRequired,
 };
 exports.TimePickerView.defaultProps = {
     ampm: true,

package/views/Month/MonthView.js

@@ -46,7 +46,7 @@ exports.MonthSelection = function (_a) {
     }, [date, onChange, onMonthChange, utils]);
     return (React.createElement("div", { className: classes.container }, utils.getMonthArray(date).map(function (month) {
         var monthNumber = utils.getMonth(month);
-        var monthText = utils.format(month, 'MMM');
+        var monthText = utils.formatByString(month, utils.formats.monthShort);
         return (React.createElement(Month_1.default, { key: monthText, value: monthNumber, selected: monthNumber === currentMonth, onSelect: onMonthSelect, disabled: shouldDisableMonth(month) }, monthText));
     })));
 };

package/views/Year/YearView.js

@@ -46,7 +46,7 @@ exports.YearSelection = function (_a) {
     return (React.createElement("div", { className: classes.container }, utils.getYearRange(minDate, maxDate).map(function (year) {
         var yearNumber = utils.getYear(year);
         var selected = yearNumber === currentYear;
-        return (React.createElement(Year_1.default, { key: utils.getYearText(year), selected: selected, value: yearNumber, onSelect: onYearSelect, ref: selected ? selectedYearRef : undefined, disabled: Boolean((disablePast && utils.isBeforeYear(year, utils.date())) ||
-                (disableFuture && utils.isAfterYear(year, utils.date()))) }, utils.getYearText(year)));
+        return (React.createElement(Year_1.default, { key: utils.formatByString(year, utils.formats.year), selected: selected, value: yearNumber, onSelect: onYearSelect, ref: selected ? selectedYearRef : undefined, disabled: Boolean((disablePast && utils.isBeforeYear(year, utils.date())) ||
+                (disableFuture && utils.isAfterYear(year, utils.date()))) }, utils.formatByString(year, utils.formats.year)));
     })));
 };