arqex / react-datetime

A lightweight but complete datetime picker react component.
1.99k stars 873 forks source link

RenderInput don't receive props e.g name #772

Open abdulwahhabkhan opened 3 years ago

abdulwahhabkhan commented 3 years ago
image
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>
    );
  }
}