폼·입력
데이트픽커
Date Picker
데이트픽커는 사용자가 날짜를 직접 타이핑하는 대신 달력을 보며 눌러 고르게 하는 컨트롤로, 형식 실수를 줄여 줍니다.
정의
데이트픽커는 사용자가 날짜를 직접 타이핑하는 대신, 달력을 보며 날짜를 눌러 고르게 하는 컨트롤입니다. 보통 트리거를 누르면 한 달치 달력이 펼쳐지고, 원하는 날짜 칸을 누르면 그 날이 선택되어 입력값으로 채워집니다. 이때 달력은 요일의 배치, 오늘 날짜, 그리고 사용자가 방금 고른 선택일을 서로 다른 모습으로 구분해 보여 줍니다. 덕분에 사용자는 며칠이 무슨 요일인지, 지금이 언제인지 머릿속으로 계산하지 않고도 눈으로 확인하며 정확한 날짜를 고를 수 있습니다. 예약이나 배송처럼 날짜가 중요한 흐름에서 특히 자주 쓰이며, 형식 실수를 줄여 주는 장치이기도 합니다.
왜 중요한가
날짜는 사람이 손으로 적으면 실수가 유난히 잦은 값입니다. 형식을 연-월-일로 적을지 월-일-년으로 적을지 헷갈리고, 그 날이 무슨 요일인지도 알기 어렵습니다. 데이트픽커는 달력을 눈앞에 펼쳐 이런 부담을 덜어 줍니다. 사용자는 요일을 보며 주말을 피하거나, 오늘 표시를 기준으로 며칠 뒤를 가늠하며 고를 수 있습니다. 또한 예약이나 배송처럼 고를 수 있는 날짜가 정해진 상황에서, 선택 불가한 날을 아예 못 누르게 막아 주면 잘못된 날짜를 고르고 나서야 오류를 만나는 일을 미리 없앨 수 있습니다. 시작일과 끝일을 함께 고르는 기간 선택에서도 규칙을 눈으로 안내해 실수를 막습니다. 결국 데이트픽커는 입력 실수를 줄이고 흐름이 끊기지 않게 지켜 주는 장치입니다.
흔한 실수
- 달력 선택만 제공하고 직접 타이핑을 막는 경우입니다. 생년월일처럼 아주 먼 과거를 고를 때는 달력을 몇 년씩 넘겨야 해 번거롭습니다. 날짜를 이미 아는 사용자에게는 숫자로 바로 입력하는 편이 훨씬 빠릅니다.
- 선택 불가한 날짜를 막지 않는 것입니다. 지난 날이나 마감된 날, 시작일보다 이른 끝일까지 고를 수 있게 두면, 사용자는 다 고른 뒤 제출 단계에서야 안 된다는 오류를 만나 처음부터 다시 골라야 합니다.
- 오늘과 선택일을 구분해 표시하지 않는 것입니다. 어느 칸이 오늘이고 어느 칸을 방금 골랐는지 한눈에 드러나지 않으면, 사용자는 자신이 제대로 선택했는지 확신하지 못한 채 머뭇거리게 됩니다.
실무 팁
- 직접 타이핑과 달력 선택을 함께 지원하세요. 2026-07-14처럼 아는 날짜는 곧바로 적고, 막연한 날짜는 달력으로 훑어 고를 수 있게 두 길을 열어 주면 어떤 상황에서도 편합니다.
- 고를 수 없는 날짜는 비활성으로 흐리게 처리해 아예 눌리지 않게 막으세요. 시작일보다 이른 날을 끝일로 못 고르게 하는 등 범위 규칙을 미리 처리하면 잘못된 조합 자체가 생기지 않습니다.
- 오늘과 선택일, 선택 불가일을 색과 형태로 뚜렷이 구분하세요. 오늘에 테두리를, 선택일에 채운 배경을, 막힌 날에 흐린 색을 주면 사용자가 달력을 훨씬 빠르게 읽어 냅니다.