Components / React / Date Inputs / DateInput
All components

DateInput Overview

The DateInput represents an input field that recognizes and formats scheduling values such as dates.

Basic Usage

The following example demonstrates the DateInput in action.

class App extends React.Component {
    state = { value: new Date() };

    render() {
        return (
            <div>
               <DateInput
                    value={this.state.value}
                    onChange={this.changeDate}
                />
            </div>
        );
    }

    changeDate = (event) => {
        this.setState({ value: event.value });
    }
}

ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);

Functionality and Features

In this article