/* eslint-disable no-unused-vars */
// ** React Imports
import React from 'react'
const Ind = require('flatpickr/dist/l10n/id.js').default.id // ** Reactstrap Imports
import { Label } from 'reactstrap'

// ** Third Party Components
import Flatpickr from 'react-flatpickr'
// ** Styles
import '../scss/react/libs/flatpickr/flatpickr.scss'
const Tanggal = ({ startOrEnd, value, setValue }) => {
  // ** State
  // const [picker, setPicker] = useState(new Date())
  return (
    <>
      <Label className="form-label" for="hf-picker">
        {startOrEnd}
      </Label>
      <Flatpickr
        value={value}
        id="hf-picker"
        className="form-control tanggal"
        onChange={(date) => setValue(date[0].toISOString())}
        options={{
          locale: Ind,
          altInput: true,
          altFormat: 'd M Y',
          dateFormat: 'Y-m-d'
        }}
      />
    </>
  )
}

export default Tanggal