Disabled DateInput

By default, the DateInput is enabled.

To disable the component, set its disabled property to true.

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

  render() {
    return (
      <div className="example-wrapper">
      <DateInput
      disabled={true}
      value={this.state.value}
      onChange={this.changeDate}
      />
      </div>
      );
    }

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

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

In this article

 /