cosmo-ui/dist/web/datetime-input.js

Common React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var react_redux_1 = require("react-redux");
var _1 = require(".");
var reducers_1 = require("../reducers");
var selectors_1 = require("../selectors");
var actions_1 = require("../actions");
var styles = require('../../src/styles/components/forms.scss');
var Component = (function (_super) {
    tslib_1.__extends(Component, _super);
    function Component() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    Component.prototype.renderField = function () {
        // console.log('RENDER DATETIME', this.getValue())
        var _a = this.props, name = _a.name, disabled = _a.disabled, placeholder = _a.placeholder;
        return (React.createElement("input", { ref: this.setFieldRef, className: this.classNames(styles.datetime), name: name, id: name + "Field", placeholder: placeholder, type: "datetime-local", value: this.getValueFromState(), disabled: disabled, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }));
    };
    return Component;
}(_1.BaseFormField));
var mapStateToProps = function (state, ownProps) { return (tslib_1.__assign({}, ownProps, { field: selectors_1.mapStateToField(state[reducers_1.FORM_REDUCER_KEY], ownProps) })); };
var mapDispatchToProps = {
    setFormField: actions_1.setFormField,
};
var ConnectedDateTimeInput = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(Component);
var DateTimeInput = (function (_super) {
    tslib_1.__extends(DateTimeInput, _super);
    function DateTimeInput() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    DateTimeInput.prototype.render = function () {
        return (React.createElement(ConnectedDateTimeInput, tslib_1.__assign({}, this.props, { formName: this.formName })));
    };
    return DateTimeInput;
}(_1.FormFieldWrapper));
exports.DateTimeInput = DateTimeInput;
//# sourceMappingURL=datetime-input.js.map