diff --git a/src/frontend/src/screens/mobile/mobile.css b/src/frontend/src/screens/mobile/mobile.css
index 8d41da3..1bbd5e8 100644
--- a/src/frontend/src/screens/mobile/mobile.css
+++ b/src/frontend/src/screens/mobile/mobile.css
@@ -319,7 +319,7 @@
}
.kx-m__cta:disabled {
background: var(--color-primary-100);
- color: var(--color-white);
+ color: var(--color-neutral-500);
cursor: not-allowed;
}
.kx-m__foot--dual {
diff --git a/src/frontend/src/screens/schedule/ExhibitionSchedulePage.tsx b/src/frontend/src/screens/schedule/ExhibitionSchedulePage.tsx
index 9d58092..fb3b1f8 100644
--- a/src/frontend/src/screens/schedule/ExhibitionSchedulePage.tsx
+++ b/src/frontend/src/screens/schedule/ExhibitionSchedulePage.tsx
@@ -305,7 +305,7 @@ export function ExhibitionSchedulePage() {
)}
@@ -316,7 +316,15 @@ export function ExhibitionSchedulePage() {
const WD = ['일', '월', '화', '수', '목', '금', '토'];
-function MiniCalendar({ cursor, onCursor }: { cursor: Date; onCursor: (d: Date) => void }) {
+function MiniCalendar({
+ cursor,
+ onCursor,
+ holidays,
+}: {
+ cursor: Date;
+ onCursor: (d: Date) => void;
+ holidays?: Map;
+}) {
const { t } = useTranslation();
const year = cursor.getFullYear();
const month = cursor.getMonth();
@@ -366,12 +374,21 @@ function MiniCalendar({ cursor, onCursor }: { cursor: Date; onCursor: (d: Date)
{cells.map((d, i) => {
if (d === null) return ;
const hasEvent = eventDays.has(`${year}-${month + 1}-${d}`);
+ const hkey = `${year}-${String(month + 1).padStart(2, '0')}-${String(d).padStart(2, '0')}`;
+ const holidayName = holidays?.get(hkey);
return (
{d}
diff --git a/src/frontend/src/screens/schedule/schedule.css b/src/frontend/src/screens/schedule/schedule.css
index 135e3bd..26d7e1f 100644
--- a/src/frontend/src/screens/schedule/schedule.css
+++ b/src/frontend/src/screens/schedule/schedule.css
@@ -183,6 +183,7 @@
justify-content: center;
font-size: var(--fs-caption);
color: var(--color-neutral-700);
+ border: 1px solid var(--color-neutral-200);
border-radius: var(--radius-sm);
position: relative;
}
@@ -203,6 +204,10 @@
border-radius: 50%;
background: var(--color-primary-600);
}
+.kx-cal__cell.is-holiday {
+ color: var(--color-error);
+ font-weight: 700;
+}
.kx-cal__cell.is-today {
background: var(--color-primary-600);
color: var(--color-white);