const [datetime, setDatetime] = useState<number>(post.id ? post.datetime : newDate.getTime() || new Date().getTime())

const dateReal = new Date()
  let hour = dateReal.getHours()
  let minutes = dateReal.getMinutes()
  if (hour > 12) {
    hour = hour - 12
  }
  if (minutes < 10) {
    minutes = `0${parseInt(minutes)}`
  }
  if (hour < 10) {
    hour = `0${parseInt(hour)}`
  }

  const [hours, setHours] = useState(hour)
  const [newMinutes, setMinutes] = useState(minutes)

  const newFullDate = format(new Date(datetime), 'eeee dd,  MMM - ') + hours + ' : ' + newMinutes

  function getTime (datetime: number) {
    return post.id ? format(new Date(datetime), 'HH:mm') : hours + ':' + newMinutes
  }


  const handleTimeChange = (event) => {
    const time = event.target.value
 
    if (time) {
      const newDatetime = format(new Date(datetime), 'yyyy-MM-dd\'T\'') + time
      const timeConverted = new Date(newDatetime).getTime()
      const newTime = time.split(':')
      const hour = newTime[0]
      const min = newTime[1]
      setHours(hour)
     
   
      setMinutes(min)



      setDatetime(timeConverted)
    }
  }
  
  
  
       <input
              className={styles.timer}
              type='time'
              name='appt-time'
              onChange={handleTimeChange}
              value={getTime(datetime)}
            />