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 Tab_1 = __importDefault(require("@material-ui/core/Tab"));
|
15 | var Tabs_1 = __importDefault(require("@material-ui/core/Tabs"));
|
16 | var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
|
17 | var TimeIcon_1 = require("../_shared/icons/TimeIcon");
|
18 | var DateRangeIcon_1 = require("../_shared/icons/DateRangeIcon");
|
19 | var styles_1 = require("@material-ui/core/styles");
|
20 | var viewToTabIndex = function (openView) {
|
21 | if (openView === 'date' || openView === 'year') {
|
22 | return 'date';
|
23 | }
|
24 | return 'time';
|
25 | };
|
26 | var tabIndexToView = function (tab) {
|
27 | if (tab === 'date') {
|
28 | return 'date';
|
29 | }
|
30 | return 'hours';
|
31 | };
|
32 | exports.useStyles = styles_1.makeStyles(function (theme) {
|
33 |
|
34 | var tabsBackground = theme.palette.type === 'light'
|
35 | ? theme.palette.primary.main
|
36 | : theme.palette.background.default;
|
37 | return {
|
38 | tabs: {
|
39 | color: theme.palette.getContrastText(tabsBackground),
|
40 | backgroundColor: tabsBackground,
|
41 | },
|
42 | };
|
43 | }, { name: 'MuiPickerDTTabs' });
|
44 | exports.DateTimePickerTabs = function (_a) {
|
45 | var view = _a.view, onChange = _a.onChange, dateRangeIcon = _a.dateRangeIcon, timeIcon = _a.timeIcon;
|
46 | var classes = exports.useStyles();
|
47 | var theme = styles_1.useTheme();
|
48 | var indicatorColor = theme.palette.type === 'light' ? 'secondary' : 'primary';
|
49 | var handleChange = function (e, value) {
|
50 | if (value !== viewToTabIndex(view)) {
|
51 | onChange(tabIndexToView(value));
|
52 | }
|
53 | };
|
54 | return (React.createElement(Paper_1.default, null,
|
55 | React.createElement(Tabs_1.default, { variant: "fullWidth", value: viewToTabIndex(view), onChange: handleChange, className: classes.tabs, indicatorColor: indicatorColor },
|
56 | React.createElement(Tab_1.default, { value: "date", icon: React.createElement(React.Fragment, null, dateRangeIcon) }),
|
57 | React.createElement(Tab_1.default, { value: "time", icon: React.createElement(React.Fragment, null, timeIcon) }))));
|
58 | };
|
59 | exports.DateTimePickerTabs.defaultProps = {
|
60 | dateRangeIcon: React.createElement(DateRangeIcon_1.DateRangeIcon, null),
|
61 | timeIcon: React.createElement(TimeIcon_1.TimeIcon, null),
|
62 | };
|
63 | exports.default = exports.DateTimePickerTabs;
|