| 1 | "use strict";
|
| 2 | var __importStar = (this && this.__importStar) || function (mod) {
|
| 3 | if (mod && mod.__esModule) return mod;
|
| 4 | var result = {};
|
| 5 | if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
|
| 6 | result["default"] = mod;
|
| 7 | return result;
|
| 8 | };
|
| 9 | var __importDefault = (this && this.__importDefault) || function (mod) {
|
| 10 | return (mod && mod.__esModule) ? mod : { "default": mod };
|
| 11 | };
|
| 12 | Object.defineProperty(exports, "__esModule", { value: true });
|
| 13 | var React = __importStar(require("react"));
|
| 14 | var clsx_1 = __importDefault(require("clsx"));
|
| 15 | var ToolbarButton_1 = __importDefault(require("../_shared/ToolbarButton"));
|
| 16 | var PickerToolbar_1 = __importDefault(require("../_shared/PickerToolbar"));
|
| 17 | var useUtils_1 = require("../_shared/hooks/useUtils");
|
| 18 | var styles_1 = require("@material-ui/core/styles");
|
| 19 | var date_utils_1 = require("../_helpers/date-utils");
|
| 20 | exports.useStyles = styles_1.makeStyles({
|
| 21 | toolbar: {
|
| 22 | flexDirection: 'column',
|
| 23 | alignItems: 'flex-start',
|
| 24 | },
|
| 25 | toolbarLandscape: {
|
| 26 | padding: 16,
|
| 27 | },
|
| 28 | dateLandscape: {
|
| 29 | marginRight: 16,
|
| 30 | },
|
| 31 | }, { name: 'MuiPickersDatePickerRoot' });
|
| 32 | exports.DatePickerToolbar = function (_a) {
|
| 33 | var _b, _c;
|
| 34 | var date = _a.date, views = _a.views, setOpenView = _a.setOpenView, isLandscape = _a.isLandscape, openView = _a.openView;
|
| 35 | var utils = useUtils_1.useUtils();
|
| 36 | var classes = exports.useStyles();
|
| 37 | var isYearOnly = React.useMemo(function () { return date_utils_1.isYearOnlyView(views); }, [views]);
|
| 38 | var isYearAndMonth = React.useMemo(function () { return date_utils_1.isYearAndMonthViews(views); }, [views]);
|
| 39 | return (React.createElement(PickerToolbar_1.default, { isLandscape: isLandscape, className: clsx_1.default((_b = {},
|
| 40 | _b[classes.toolbar] = !isYearOnly,
|
| 41 | _b[classes.toolbarLandscape] = isLandscape,
|
| 42 | _b)) },
|
| 43 | React.createElement(ToolbarButton_1.default, { variant: isYearOnly ? 'h3' : 'subtitle1', onClick: function () { return setOpenView('year'); }, selected: openView === 'year', label: utils.getYearText(date) }),
|
| 44 | !isYearOnly && !isYearAndMonth && (React.createElement(ToolbarButton_1.default, { variant: "h4", selected: openView === 'date', onClick: function () { return setOpenView('date'); }, align: isLandscape ? 'left' : 'center', label: utils.getDatePickerHeaderText(date), className: clsx_1.default((_c = {}, _c[classes.dateLandscape] = isLandscape, _c)) })),
|
| 45 | isYearAndMonth && (React.createElement(ToolbarButton_1.default, { variant: "h4", onClick: function () { return setOpenView('month'); }, selected: openView === 'month', label: utils.getMonthText(date) }))));
|
| 46 | };
|