lucid-ui/dist/components/DateSelect/examples/1.select-date.js

A UI component library from AppNexus.

import React from 'react';
import createClass from 'create-react-class';
import { DateSelect } from '../../../index';
import timemachine from 'timemachine';
timemachine.config({
    dateString: 'December 25, 2018 13:12:59',
});
export default createClass({
    getInitialState() {
        return {
            selectedDate: null,
        };
    },
    handleSelectDate(date) {
        this.setState({
            selectedDate: date,
        });
    },
    render() {
        const { selectedDate } = this.state;
        return (React.createElement("section", { style: { maxWidth: 400 } },
            React.createElement(DateSelect, { selectedDays: selectedDate, onSelectDate: this.handleSelectDate }),
            "selected date:",
            ' ',
            selectedDate && selectedDate.toLocaleDateString('en-US')));
    },
});