Contents

import React from 'react';

import PropTypes from 'prop-types';

export default class DateTime extends React.Component {
    static mixins = [
        Hippo.Components.Form.FieldMixin
    ];
    static fieldClassName = 'date-time';

    static propTypes = {
        unlabled: PropTypes.bool,
        format:   PropTypes.string
    };
    getDefaultProps() {
        return (
            {format: 'ddd, MMM Do YYYY, h:mm a'}
        );
    }


    handleKeyDown(ev) {
        if (ev.key === 'Enter') { return this.props.onEnter(); }
    }

    renderDisplay(props) {
        const clean = LC.Form.FieldMixin.statics.cleanSizeProps(props);
        return (
            <BS.FormControl.Static {...clean}>
                {this.getDateValue().format(this.props.format)}
            </BS.FormControl.Static>
        );
    }

    getDateValue() {
        return (
            _.moment.utc(this.fieldMixinGetValue())
        );
    }

    handleDateTimeChange(val) {
        return (
            this.fieldMixinSetValue({target: {value: Hippo.u.utcToLocalDate(val)}})
        );
    }

    renderEdit(props) {
        props = _.extend({
            ref:       'control',
            value:     Hippo.u.dateToUTC(this.getDateValue().toDate()),
            onChange:  this.handleDateTimeChange
        }, this.props);
        props = _.omit(LC.Form.FieldMixin.statics.cleanSizeProps(props), 'writable');
        return (
            <Hippo.Vendor.ReactWidgets.DateTimePicker {...props} />
        );
    }
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version	Path
hippo-fw-0.9.5	client/hippo/components/shared/DateTime.jsx
hippo-fw-0.9.4	client/hippo/components/shared/DateTime.jsx
hippo-fw-0.9.3	client/hippo/components/shared/DateTime.jsx
hippo-fw-0.9.2	client/hippo/components/shared/DateTime.jsx
hippo-fw-0.9.1	client/hippo/components/shared/DateTime.jsx