react-date-field/index.js

React DateField

'use strict';

import React from 'react'
import { render } from 'react-dom'

import DateField from './src'

import './index.scss'

import DatePicker from  'react-date-picker'
import 'react-date-picker/base.css'
import 'react-date-picker/theme/hackerone.css'

// require('./index.styl')

var VALUE = null//Date.now()

var App = React.createClass({

    onChange: function(value){
      console.log('new value: ', value)
      // debugger
        VALUE = value

        this.setState({})

    },


    render: function() {

        var fp = {
            // invalidStyle: {
            //     border: '1px solid red'
            // },
            onFocus: function(){
                // console.log('FOCUSED')
            },
            onChange: function(moment, text){
                // console.log(moment.isValid(), text,'!');
            }
        }

        var focus = function(){
            // console.log('focus field');
        }

        // var validate = function(value, props){
        //     return !value || props.valid
        // }

        return (
            <div style={{paddingTop: 400}}>
                <DateField style={{padding: 10}}>
                  <DatePicker date={VALUE} onChange={this.onChange} />
                </DateField>
            </div>
        )
    }
})

render(<App />, document.getElementById('content'))