요약

시간 선택을 위한 Datepicker를 구현합니다.

사진 (구현 캡처)

https://user-images.githubusercontent.com/74234333/222472352-c31b6e51-13e7-4677-ab45-54279748ce2c.mov

작업 내용

[x] ✨ feat: DatePickerWithTime 컴포넌트 구현

기타 (논의하고 싶은 부분)

로컬에서 다음 코드를 붙여넣어서 테스트 하시면 됩니다.

import { Center } from '@chakra-ui/react'
import {
  DatePickerWithTime,
  Spacer,
  FormDatePicker,
  ProfileDatePicker,
} from '@components'
import Head from 'next/head'

export default function Home() {
  return (
    <>
      <Head>
        <title>캘린더 동작 테스트</title>
      </Head>

      <main className="mt-[20px] px-[16px]">
        <Center flexDirection="column">
          <section>
            <h2 className=" text-headline font-bold">
              캘린더 구현 방식 테스트
            </h2>
            <Spacer size={20} />
            <DatePickerWithTime handleStartDate={(date) => console.log(date)} />
            {/* <FormDatePicker handleStartDate={(date) => console.log(date)} />
            <ProfileDatePicker handleStartDate={(date) => console.log(date)} /> */}
          </section>
        </Center>
      </main>
    </>
  )
}

타 직군 전달 사항

백엔드 전달 사항

디자이너 전달 사항

react datepicker 라이브러리에 커스텀 이슈가 있어서 (시간 input에 브라우저 기본 스타일을 사용할 수 밖에 없음) 관련 내용 디자이너에게 전달해야 할 것 같습니다.

[x] 임시 배포 후 컨펌 받기

close #208

dnd-side-project / dnd-8th-1-frontend

✨ feat: DatePickerWithTime 컴포넌트 구현 #281

요약

사진 (구현 캡처)

작업 내용

기타 (논의하고 싶은 부분)

타 직군 전달 사항

백엔드 전달 사항

디자이너 전달 사항