Open abdulwahhabkhan opened 3 years ago
import React from "react"; import "react-datetime/css/react-datetime.css"; import Datetime from "react-datetime"; export default function App() { return <MyDTPicker />; } class MyDTPicker extends React.Component { render() { return <Datetime name="start_date" renderInput={this.renderInput} />; } renderInput(props, openCalendar, closeCalendar) { function clear() { props.onChange({ target: { value: "" } }); } return ( <div> <input {...props} /> <button onClick={openCalendar}>open calendar</button> <button onClick={closeCalendar}>close calendar</button> <button onClick={clear}>clear</button> </div> ); } }