@smart-react-components/ui
Version:
SRC UI includes React and Styled components.
34 lines (33 loc) • 2.59 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const CSSTransitionSwitch_1 = __importDefault(require("@smart-react-components/transition/CSSTransitionSwitch"));
const react_1 = __importDefault(require("react"));
const styled_components_1 = require("styled-components");
const date_picker_1 = require("../../constants/date-picker");
const Close_1 = __importDefault(require("../../icons/Close"));
const Date_1 = __importDefault(require("../../icons/Date"));
const Time_1 = __importDefault(require("../../icons/Time"));
const props_1 = require("../../util/props");
const DatePickerHeaderElement_1 = __importDefault(require("./DatePickerHeaderElement"));
const DatePickerHeader = props => {
const theme = (0, styled_components_1.useTheme)();
const value = react_1.default.useMemo(() => {
var _a;
const date = (_a = props.value) !== null && _a !== void 0 ? _a : new Date();
const i18n = theme.$.i18n;
return `${i18n.days[date.getDay()].acroynm3}, ${date.getDate()} ${i18n.months[props.value.getMonth()].acroynm3} ${date.getFullYear()}`;
}, [props.value]);
return (react_1.default.createElement(DatePickerHeaderElement_1.default, Object.assign({}, (0, props_1.applyResponsiveStyledProp)(props, 'size', 'datePickerSize', v => v), { isSoft: props.isSoft, palette: props.palette }),
react_1.default.createElement("span", null, value),
react_1.default.createElement("div", null,
props.pickerType === date_picker_1.DatePickerType.DATE_TIME && (react_1.default.createElement("div", null,
react_1.default.createElement(CSSTransitionSwitch_1.default, { active: String(props.selectedPicker), className: "src-fade", duration: 150 },
react_1.default.createElement(Date_1.default, { key: date_picker_1.DatePickerSelectedPicker.TIME, onClick: () => props.setSelectedPicker(date_picker_1.DatePickerSelectedPicker.DATE) }),
react_1.default.createElement(Time_1.default, { key: date_picker_1.DatePickerSelectedPicker.DATE, onClick: () => props.setSelectedPicker(date_picker_1.DatePickerSelectedPicker.TIME) })))),
props.hasCloseIcon && (react_1.default.createElement("div", null,
react_1.default.createElement(Close_1.default, { onClick: e => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props, e); } }))))));
};
exports.default = DatePickerHeader;