lml-main/packages/core-ui/dist/common/components/date-picker-modal.js

This is now a mono repository published into many standalone packages.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const cosmoui_1 = require("cosmoui");
const styles = require('./date-picker-modal.scss');
class DatePickerModal extends React.Component {
    render() {
        const { formName, closeModal, onSubmit, children } = this.props;
        return (React.createElement(cosmoui_1.Modal, Object.assign({}, this.props),
            React.createElement(cosmoui_1.Form, { name: formName, onSubmit: onSubmit },
                React.createElement(cosmoui_1.ModalContent, { className: styles.modalContent },
                    React.createElement(cosmoui_1.Row, { className: styles.contentRow },
                        React.createElement(cosmoui_1.Column, { className: styles.modalIcon },
                            React.createElement(cosmoui_1.Icon, { icon: "Ask", size: 32 })),
                        React.createElement(cosmoui_1.Column, { className: styles.modalMessage },
                            children,
                            React.createElement(cosmoui_1.FormGroup, { label: "Enter a date", className: styles.inputBlock },
                                React.createElement(cosmoui_1.DateTimeInput, { autofocus: true, saveAsUtc: true, name: "dateTime", id: `${formName}-datetime-field`, placeholder: "placeholder text" }))))),
                React.createElement(cosmoui_1.ButtonBar, null,
                    React.createElement(cosmoui_1.Button, { id: `${formName}-update`, type: "submit" }, "UPDATE"),
                    React.createElement(cosmoui_1.Button, { id: `${formName}-cancel`, onClick: closeModal }, "CANCEL")))));
    }
}
exports.DatePickerModal = DatePickerModal;
//# sourceMappingURL=date-picker-modal.js.map