@@ -112,6 +124,19 @@ function moveMonth(amount: number) {
calendarDate.value = addMonths(calendarDate.value, amount)
}
+function selectToday() {
+ emit('update:modelValue', formatDateOnly())
+ open.value = false
+}
+
+function showCurrentMonth() {
+ calendarDate.value = new Date()
+}
+
+function showSelectedMonth() {
+ calendarDate.value = parse(props.modelValue, 'yyyy-MM-dd', new Date())
+}
+
function dateValue(day: number) {
return `${calendarYear.value}-${String(calendarMonth.value + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`
}
diff --git a/docs/changelog.md b/docs/changelog.md
index 3128af2..5067bda 100644
--- a/docs/changelog.md
+++ b/docs/changelog.md
@@ -65,3 +65,4 @@
- 하단 네비게이션과 PC 사이드바 SVG 아이콘을 마스크 방식 대신 인라인 SVG 렌더링으로 변경해 네모 박스로 보이는 문제를 수정했다.
- 내역, 통계, 자산 화면의 월 이동 UI를 공통 `MonthNavigator` 컴포넌트로 통일했다.
- 통계와 자산 화면의 상단 헤더와 월 이동 영역을 분리해 페이지 간 날짜 조작 위치를 맞췄다.
+- 거래 입력/수정 날짜 선택 바텀시트에 `오늘`, `이번 달`, `선택일` 빠른 이동 버튼을 추가했다.
diff --git a/todo.md b/todo.md
index 68a9cad..7dc3d79 100644
--- a/todo.md
+++ b/todo.md
@@ -17,7 +17,6 @@
## 3. 거래 입력/수정
- 수입과 지출 탭의 동작과 저장 로직을 더 안정화한다.
-- 날짜 선택 바텀 시트의 오늘/이번 달 빠른 이동 기능을 추가한다.
- 자산 선택 후 카테고리 선택으로 자연스럽게 이어지는 입력 흐름을 만든다.
- 금액 입력 키패드 또는 숫자 입력 UX를 개선한다.
- 입력 화면의 모바일 키보드 노출 상태에서 저장/취소 버튼 위치와 스크롤 동작을 점검한다.