1 | import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
2 | import { useMemo, createElement } from 'react';
|
3 | import 'prop-types';
|
4 | import { u as useUtils } from './useUtils-cfb96ac9.js';
|
5 | import clsx from 'clsx';
|
6 | import '@babel/runtime/helpers/esm/extends';
|
7 | import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
8 | import '@material-ui/core/Typography';
|
9 | import { makeStyles } from '@material-ui/core/styles';
|
10 | import { P as PickerToolbar, T as ToolbarButton, m as makePickerWithState, a as PureDateInput, u as usePickerState, K as KeyboardDateInput, b as useKeyboardPickerState } from './makePickerWithState-5a79cb8a.js';
|
11 | import '@material-ui/core/Button';
|
12 | import '@material-ui/core/Toolbar';
|
13 | import './Wrapper-241966d7.js';
|
14 | import { i as isYearOnlyView, b as isYearAndMonthViews, g as getFormatByViews } from './Calendar-11ae61f6.js';
|
15 | import '@material-ui/core/TextField';
|
16 | import '@material-ui/core/IconButton';
|
17 | import '@material-ui/core/InputAdornment';
|
18 | import 'rifm';
|
19 | import '@material-ui/core/SvgIcon';
|
20 | import '@babel/runtime/helpers/esm/slicedToArray';
|
21 | import { d as datePickerDefaultProps } from './Picker-ccd9ba90.js';
|
22 | import '@babel/runtime/helpers/esm/classCallCheck';
|
23 | import '@babel/runtime/helpers/esm/createClass';
|
24 | import '@babel/runtime/helpers/esm/possibleConstructorReturn';
|
25 | import '@babel/runtime/helpers/esm/getPrototypeOf';
|
26 | import '@babel/runtime/helpers/esm/inherits';
|
27 | import './Day.js';
|
28 | import 'react-transition-group';
|
29 | import '@material-ui/core/CircularProgress';
|
30 | import '@material-ui/core/DialogActions';
|
31 | import '@material-ui/core/DialogContent';
|
32 | import '@material-ui/core/Dialog';
|
33 | import '@material-ui/core/Popover';
|
34 | import './Clock-48fde975.js';
|
35 | import './ClockView.js';
|
36 |
|
37 | var useStyles = makeStyles({
|
38 | toolbar: {
|
39 | flexDirection: 'column',
|
40 | alignItems: 'flex-start'
|
41 | },
|
42 | toolbarLandscape: {
|
43 | padding: 16
|
44 | },
|
45 | dateLandscape: {
|
46 | marginRight: 16
|
47 | }
|
48 | }, {
|
49 | name: 'MuiPickersDatePickerRoot'
|
50 | });
|
51 | var DatePickerToolbar = function DatePickerToolbar(_ref) {
|
52 | var date = _ref.date,
|
53 | views = _ref.views,
|
54 | setOpenView = _ref.setOpenView,
|
55 | isLandscape = _ref.isLandscape,
|
56 | openView = _ref.openView;
|
57 | var utils = useUtils();
|
58 | var classes = useStyles();
|
59 | var isYearOnly = useMemo(function () {
|
60 | return isYearOnlyView(views);
|
61 | }, [views]);
|
62 | var isYearAndMonth = useMemo(function () {
|
63 | return isYearAndMonthViews(views);
|
64 | }, [views]);
|
65 | return createElement(PickerToolbar, {
|
66 | isLandscape: isLandscape,
|
67 | className: clsx(!isYearOnly && classes.toolbar, isLandscape && classes.toolbarLandscape)
|
68 | }, createElement(ToolbarButton, {
|
69 | variant: isYearOnly ? 'h3' : 'subtitle1',
|
70 | onClick: function onClick() {
|
71 | return setOpenView('year');
|
72 | },
|
73 | selected: openView === 'year',
|
74 | label: utils.getYearText(date)
|
75 | }), !isYearOnly && !isYearAndMonth && createElement(ToolbarButton, {
|
76 | variant: "h4",
|
77 | selected: openView === 'date',
|
78 | onClick: function onClick() {
|
79 | return setOpenView('date');
|
80 | },
|
81 | align: isLandscape ? 'left' : 'center',
|
82 | label: utils.getDatePickerHeaderText(date),
|
83 | className: clsx(isLandscape && classes.dateLandscape)
|
84 | }), isYearAndMonth && createElement(ToolbarButton, {
|
85 | variant: "h4",
|
86 | onClick: function onClick() {
|
87 | return setOpenView('month');
|
88 | },
|
89 | selected: openView === 'month',
|
90 | label: utils.getMonthText(date)
|
91 | }));
|
92 | };
|
93 |
|
94 | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
95 |
|
96 | function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
97 |
|
98 | var defaultProps = _objectSpread({}, datePickerDefaultProps, {
|
99 | openTo: 'date',
|
100 | views: ['year', 'date']
|
101 | });
|
102 |
|
103 | function useOptions(props) {
|
104 | var utils = useUtils();
|
105 | return {
|
106 | getDefaultFormat: function getDefaultFormat() {
|
107 | return getFormatByViews(props.views, utils);
|
108 | }
|
109 | };
|
110 | }
|
111 |
|
112 | var DatePicker = makePickerWithState({
|
113 | useOptions: useOptions,
|
114 | Input: PureDateInput,
|
115 | useState: usePickerState,
|
116 | DefaultToolbarComponent: DatePickerToolbar
|
117 | });
|
118 | var KeyboardDatePicker = makePickerWithState({
|
119 | useOptions: useOptions,
|
120 | Input: KeyboardDateInput,
|
121 | useState: useKeyboardPickerState,
|
122 | DefaultToolbarComponent: DatePickerToolbar
|
123 | });
|
124 | DatePicker.defaultProps = defaultProps;
|
125 | KeyboardDatePicker.defaultProps = defaultProps;
|
126 |
|
127 | export { DatePicker, KeyboardDatePicker };
|
128 |
|