Search results

Set the Placeholder in React DateRangePicker component

20 Jan 2022 / 1 minute to read

The following example demonstrates how to set placeholder in the DateRangePicker control.

Using placeholder you can display a short hint in the input element.

Copied to clipboard
// import the daterangepicker component
import { DateRangePickerComponent } from '@syncfusion/ej2-react-calendars';
import * as React from "react";
import * as ReactDOM from "react-dom";

export default class App extends React.Component<{}, {}> {

    public render() {
        return <DateRangePickerComponent placeholder='Select a range' />
ReactDOM.render(<App />, document.getElementById('element'));