feat(schedule): clarify aside mini-calendar role as month cursor for hall widgets

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
zio 2026-07-24 07:13:04 +09:00
parent e0f4554497
commit 3236371e5c
6 changed files with 32 additions and 0 deletions

View File

@ -868,6 +868,8 @@
"today": "Today", "today": "Today",
"yearMonth": "{{m}}/{{y}}", "yearMonth": "{{m}}/{{y}}",
"miniCal": "Mini calendar", "miniCal": "Mini calendar",
"asideMonthPicker": "Select month",
"asideMonthPickerHint": "Hall availability and utilization below follow the selected month",
"prevMonth": "Previous month", "prevMonth": "Previous month",
"nextMonth": "Next month", "nextMonth": "Next month",
"offlineSample": "Offline — Sample", "offlineSample": "Offline — Sample",

View File

@ -868,6 +868,8 @@
"today": "今日", "today": "今日",
"yearMonth": "{{y}}年{{m}}月", "yearMonth": "{{y}}年{{m}}月",
"miniCal": "ミニカレンダー", "miniCal": "ミニカレンダー",
"asideMonthPicker": "照会月の選択",
"asideMonthPickerHint": "下のホール空き状況・稼働率は選択した月が基準です",
"prevMonth": "前月", "prevMonth": "前月",
"nextMonth": "翌月", "nextMonth": "翌月",
"offlineSample": "オフライン — サンプル", "offlineSample": "オフライン — サンプル",

View File

@ -868,6 +868,8 @@
"today": "오늘", "today": "오늘",
"yearMonth": "{{y}}년 {{m}}월", "yearMonth": "{{y}}년 {{m}}월",
"miniCal": "미니 캘린더", "miniCal": "미니 캘린더",
"asideMonthPicker": "조회 월 선택",
"asideMonthPickerHint": "아래 홀 가용·가동률은 선택한 월 기준입니다",
"prevMonth": "이전 달", "prevMonth": "이전 달",
"nextMonth": "다음 달", "nextMonth": "다음 달",
"offlineSample": "오프라인 — 샘플", "offlineSample": "오프라인 — 샘플",

View File

@ -868,6 +868,8 @@
"today": "今天", "today": "今天",
"yearMonth": "{{y}}年{{m}}月", "yearMonth": "{{y}}年{{m}}月",
"miniCal": "迷你日历", "miniCal": "迷你日历",
"asideMonthPicker": "选择查询月份",
"asideMonthPickerHint": "下方展馆可用与利用率以所选月份为准",
"prevMonth": "上个月", "prevMonth": "上个月",
"nextMonth": "下个月", "nextMonth": "下个月",
"offlineSample": "离线 — 示例", "offlineSample": "离线 — 示例",

View File

@ -372,6 +372,11 @@ function MiniCalendar({
return ( return (
<section className="kx-card kx-cal" aria-label={t('schedule.miniCal')}> <section className="kx-card kx-cal" aria-label={t('schedule.miniCal')}>
{/* 역할 명확화(소유자 2026-07-24): 미니 캘린더 = 아래 홀 위젯의 조회 월 커서 */}
<div className="kx-cal__role">
<strong className="kx-cal__role-title">{t('schedule.asideMonthPicker')}</strong>
<span className="kx-cal__role-hint">{t('schedule.asideMonthPickerHint')}</span>
</div>
<div className="kx-cal__head"> <div className="kx-cal__head">
<button className="kx-cal__nav" aria-label={t('schedule.prevMonth')} onClick={() => onCursor(new Date(year, month - 1, 1))}></button> <button className="kx-cal__nav" aria-label={t('schedule.prevMonth')} onClick={() => onCursor(new Date(year, month - 1, 1))}></button>
<strong>{t('schedule.yearMonth', { y: year, m: month + 1 })}{degraded && <span className="kx-bi__degraded"> {t('schedule.offlineSample')}</span>}</strong> <strong>{t('schedule.yearMonth', { y: year, m: month + 1 })}{degraded && <span className="kx-bi__degraded"> {t('schedule.offlineSample')}</span>}</strong>

View File

@ -158,6 +158,25 @@
} }
/* 미니 캘린더 */ /* 미니 캘린더 */
.kx-cal__role {
display: flex;
flex-direction: column;
gap: 2px;
padding-bottom: var(--space-2);
margin-bottom: var(--space-2);
border-bottom: 1px solid var(--color-neutral-100);
}
.kx-cal__role-title {
font-size: var(--fs-body);
font-weight: var(--fw-semibold);
color: var(--color-neutral-900);
text-align: left;
}
.kx-cal__role-hint {
font-size: var(--fs-caption);
color: var(--color-neutral-500);
text-align: left;
}
.kx-cal__head { .kx-cal__head {
display: flex; display: flex;
align-items: center; align-items: center;