[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

담당자: dateform-dev
생성일: 2026년 03월 02일 10:08

활동 로그

  • 팀리드 상태 변경: 할 일 → 완료

    2026년 03월 02일 10:23:55