Date Inputs / DateInput / Getting Started
material theme

Getting Started with KendoReact DateInput

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

The KendoReact DateInput component is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-react-dateinputs package.

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

 /