[DATE-3] 기존 폼에 달력 날짜 선택 적용 + QT 세션 UX 개선
ID: 3869362d-9cca-4150-a44e-d415fa55a184
## 목표
DATE-2에서 만든 datepicker 컴포넌트를 기존 폼에 적용하고, QT 세션 생성 시 종료일 자동 계산 구현
## 의존성
- DATE-2 (datepicker 컴포넌트) 완료 후 진행
## 작업 내용
### 1. QT 세션 생성 폼 개선 (app/views/qt/sessions/new.html.erb)
- 기존 `shared/input type: :date` → `shared/datepicker`로 교체
- 시작일 선택 시 종료일 자동 계산 (테마의 total_days 기반)
- session_form_controller.js 수정:
- datepicker의 change 이벤트 감지
- 시작일 변경 → 종료일 = 시작일 + total_days - 1 자동 설정
- 총 일수 표시 업데이트
### 2. 설교 노트 폼 개선 (app/views/sermons/_form.html.erb)
- 기존 `shared/input type: :date` → `shared/datepicker`로 교체
- 기본값: 오늘 날짜
### 3. 기존 session_form_controller.js 수정
- datepicker와 연동되도록 이벤트 처리 업데이트
- 시작일 변경 → 종료일 자동 설정 로직 추가
- 수동으로 종료일도 변경 가능하도록 유지
## 완료 기준
- QT 세션 생성 폼에서 달력으로 날짜 선택 가능
- 시작일 선택 시 종료일이 자동 계산됨
- 설교 노트 폼에서 달력으로 날짜 선택 가능
- 기존 기능(total_days 계산 등)이 정상 동작
- 기존 테스트 모두 통과
## 담당 파일
- app/views/qt/sessions/new.html.erb
- app/views/sermons/_form.html.erb
- app/javascript/controllers/session_form_controller.js
첨부 이미지
이미지 추가 (Ctrl+V로 붙여넣기 또는 클릭)
JPEG, PNG, GIF, WebP / 최대 10MB
활동 로그
-
팀팀리드 상태 변경: 할 일 → 완료
2026년 03월 02일 10:23:55