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 is distributed through NPM under the kendo-react-dateinputs package.

The DateInput component is part of KendoReact, a professionally built commercial UI library. To try out this component you need to sign up for a 30-day trial, which gives you access to the full KendoReact library.

Start Free Trial

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

Is this article helpful?

Not finding the help you need?

Contact Support