Date Picker

Example

Code


    import React, {useRef} from "react"
    import DatePicker from "components/ui/DatePicker"

    const myRef = useRef(null)
    const value = new Date().valueOf()

    function onChange(date) {
      console.log(date)
    }

    <DatePicker 
      ref={myRef}
      format="DD/MM/YYYY" 
      value={value} 
      onChange={onChange} 
      readOnly={false} 
      disabled={false} 
      className="my-className"
      pickerClassName="my-pickerClassName"
    />
  

Example Placement

Code


    import React, {useRef} from "react"
    import DatePicker from "components/ui/DatePicker"

    const myRef = useRef(null)
    const value = new Date().valueOf()

    function onChange(date) {
      console.log(date)
    }

    <DatePicker 
      ref={myRef}
      format="DD/MM/YYYY" 
      value={value} 
      onChange={onChange} 
      readOnly={false} 
      disabled={false} 
      className="my-className"
      pickerClassName="my-pickerClassName"
      placement="auto"
    />