Skip to content

Commit

Permalink
[UPDATED] TimePicker & Calendar: Improve time selection logic by limi…
Browse files Browse the repository at this point in the history
…ting range based on startTime/endTime settings

and enhance UI to visually disable past dates in MonthView and deactivate WeekView
  • Loading branch information
hyun1211 committed Nov 24, 2024
1 parent 10b3cb1 commit 5628282
Show file tree
Hide file tree
Showing 7 changed files with 334 additions and 291 deletions.
17 changes: 17 additions & 0 deletions src/components/TimePicker.css
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,22 @@
margin-top: 20px;
padding: 20px;
}
.modal-overlay {
touch-action: none; /* 모바일에서 스크롤 방지 */
-webkit-tap-highlight-color: transparent; /* 탭 하이라이트 제거 */
}

.modal-content {
touch-action: pan-y; /* 모달 내부는 세로 스크롤 허용 */
-webkit-overflow-scrolling: touch; /* iOS에서 부드러운 스크롤 */
}


.time-option.disabled {
opacity: 0.5;
cursor: not-allowed;
color: #ccc;
}
.time-label {
color: #444444;
font-family: "Pretendard-Medium", Helvetica;
Expand Down Expand Up @@ -197,6 +212,8 @@ input:checked + .slider:before {
font-family: "Pretendard-Medium", Helvetica;
font-size: 18px;
font-weight: 500;
/* min-height: 44px; 일단 보류 ->모바일용 터치 타겟 크기 확보 */

}

.time-option.selected {
Expand Down
Loading

0 comments on commit 5628282

Please sign in to comment.