feat(settings): manage resource schedules beside the doctors'

A resource carries its own working hours and holidays in the resource-first
model, so it belongs on the same settings page as a doctor's schedule rather
than on a page of its own. The page now has a scope switch — doctors or
resources — with the per-item tab bar below it, and both scopes reuse the
panels that already existed: ScheduleSection for a doctor, the working-hours
and exceptions panels for a resource. The selection lives in the query
string, so back and refresh return to the same tab.

The screenshot of the finished tab caught two real defects, both fixed here:

Dates in the resource panels and the holidays page read as year 57932.
formatDate already multiplies seconds by 1000, and five call sites passed
`x * 1000` on top of it. This predates the tab — the code was inherited from
the old calendar page — but it was invisible until a two-week preview was put
on screen.

The working-hours panel still told the user their hours were intersected with
the branch's. Branches are gone; the shift is the only source now.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

assets/admin/components/holidays/NationalHolidaysCard.tsx

@@ -26,7 +26,7 @@ export default function NationalHolidaysCard({ canUpdate, year = currentJalaliYe
 
   return (
     <div className="card" style={{ padding: 14 }}>
-      <h2 className="section-title" style={{ margin: '0 0 4px' }}>تعطیلات رسمی {year}</h2>
+      <h2 className="section-title" style={{ margin: '0 0 4px' }}>تعطیلات رسمی {year.toLocaleString('fa-IR', { useGrouping: false })}</h2>
       <p style={{ fontSize: 12, color: 'var(--text-3)', margin: '0 0 10px', lineHeight: 1.9 }}>
         این‌ها برای همهٔ پزشکان و منابع اعمال می‌شوند. اگر این محیط روزی را باز است،
         همین‌جا استثنا بزنید — مدیریت کاملشان در{' '}
@@ -37,7 +37,7 @@ export default function NationalHolidaysCard({ canUpdate, year = currentJalaliYe
         <span style={{ fontSize: 13, color: 'var(--text-3)' }}>در حال بارگذاری...</span>
       ) : holidays.length === 0 ? (
         <p style={{ fontSize: 13, color: 'var(--text-3)', margin: 0 }}>
-          برای سال {year} تعطیلی رسمی ثبت نشده است.
+          برای سال {year.toLocaleString('fa-IR', { useGrouping: false })} تعطیلی رسمی ثبت نشده است.
         </p>
       ) : (
         <div style={{ display: 'grid', gap: 8 }}>
@@ -51,7 +51,7 @@ export default function NationalHolidaysCard({ canUpdate, year = currentJalaliYe
                   {open ? 'باز' : 'تعطیل'}
                 </span>
                 <span style={{ flex: 1, color: 'var(--text-2)' }}>
-                  {formatDate(h.date * 1000)} · {h.title}
+                  {formatDate(h.date)} · {h.title}
                 </span>
                 {canUpdate && (
                   open ? (

assets/admin/components/resources/ResourceExceptionsPanel.tsx

@@ -74,7 +74,7 @@ export default function ResourceExceptionsPanel({ resourceUuid, canUpdate }: {
               style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, fontSize: 13 }}
             >
               <span style={{ color: 'var(--text-2)' }}>
-                {DAY_LABELS[day.day_of_week]} · {formatDate(day.date * 1000)}
+                {DAY_LABELS[day.day_of_week]} · {formatDate(day.date)}
               </span>
               {day.intervals.length === 0 ? (
                 <span style={{ fontSize: 12, color: 'var(--text-3)' }}>
@@ -139,7 +139,7 @@ function ExceptionsCard({
             <div key={e.uuid} style={{ display: 'flex', alignItems: 'center', gap: 8, fontSize: 13 }}>
               <span className="badge amber" style={{ fontSize: 11 }}>{e.type_label}</span>
               <span style={{ flex: 1, color: 'var(--text-2)' }}>
-                {formatDate(e.starts_at * 1000)} تا {formatDate(e.ends_at * 1000)}
+                {formatDate(e.starts_at)} تا {formatDate(e.ends_at)}
                 {e.reason ? ` · ${e.reason}` : ''}
               </span>
               {canUpdate && (

assets/admin/components/resources/ResourceWorkingHoursPanel.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useMemo, useState } from 'react';
 import { PlusIcon, TrashIcon } from '@heroicons/react/24/outline';
 import { useResourceCalendar } from '../../hooks/useResourceCalendar';
 
-/** ۰ = شنبه — همان قرارداد بک‌اند و ساعت کاری شعبه. */
+/** ۰ = شنبه — همان قرارداد بک‌اند برای روزهای هفته. */
 export const DAY_LABELS = ['شنبه', 'یکشنبه', 'دوشنبه', 'سه‌شنبه', 'چهارشنبه', 'پنجشنبه', 'جمعه'];
 
 const MINUTES_IN_DAY = 1440;
@@ -23,8 +23,8 @@ function toMinutes(time: string): number | null {
 /**
  * شیفت هفتگی یک منبع — روزهای کاری و ساعت هر روز.
  *
- * ساعت واقعی منبع تقاطع این شیفت‌ها با ساعت کاری شعبه است، نه خودشان؛ پس شیفتِ
+ * با حذف دامنهٔ شعبه، این شیفت تنها مرجع ساعت کاری منبع است؛ فقط تعطیلات رسمی و
- * بیرون از ساعت شعبه ذخیره می‌شود ولی در دسترس‌پذیری اثری ندارد.
+ * استثناهای خودِ منبع از آن کسر می‌شوند.
  */
 export default function ResourceWorkingHoursPanel({ resourceUuid, canUpdate }: {
   resourceUuid?: string;
@@ -88,8 +88,7 @@ export default function ResourceWorkingHoursPanel({ resourceUuid, canUpdate }: {
     <div style={{ display: 'grid', gap: 12 }}>
       <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10 }}>
         <p style={{ margin: 0, fontSize: 12.5, color: 'var(--text-3)' }}>
-          روزهای کاری و ساعت هر روز. ساعت واقعی از تقاطع این شیفت‌ها با ساعت کاری شعبه به‌دست
+          روزهای کاری و ساعت هر روز. تعطیلات رسمی و مرخصی از همین ساعت کسر می‌شوند.
-          می‌آید و تعطیلات و مرخصی از آن کسر می‌شود.
           {totalShifts > 0 && <> · {totalShifts} شیفت</>}
         </p>
         {canUpdate && (

assets/admin/pages/ClinicAppointmentSettingsPage.test.tsx

@@ -0,0 +1,103 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { renderWithProviders } from '../test/utils';
+
+vi.mock('sonner', () => ({ toast: { success: vi.fn(), error: vi.fn() } }));
+vi.mock('../hooks/usePermissions', () => ({ usePermissions: () => ({ can: () => true }) }));
+
+// ScheduleSection یک درختِ سنگین با کوئری‌های خودش است؛ اینجا فقط باید ثابت شود کدام
+// scope رندر می‌شود، نه اینکه برنامهٔ پزشک درست کار می‌کند — آن تست خودش را دارد.
+vi.mock('../components/schedule/ScheduleSection', () => ({
+  ScheduleSection: () => <div>برنامهٔ پزشک</div>,
+}));
+vi.mock('../components/FreeVisitPrice', () => ({ default: () => <div>قیمت ویزیت</div> }));
+vi.mock('../components/resources/ResourceWorkingHoursPanel', () => ({
+  default: ({ resourceUuid }: { resourceUuid?: string }) => <div>ساعات کاری {resourceUuid}</div>,
+  DAY_LABELS: [],
+}));
+vi.mock('../components/resources/ResourceExceptionsPanel', () => ({
+  default: ({ resourceUuid }: { resourceUuid?: string }) => <div>تعطیلات {resourceUuid}</div>,
+}));
+
+let resources: Array<{ uuid: string; name: string; type_name: string }> = [];
+vi.mock('../hooks/useResources', () => ({
+  useResources: () => ({ resources, loading: false }),
+}));
+
+vi.mock('../lib/api', () => ({
+  api: { get: vi.fn(), post: vi.fn(), patch: vi.fn(), put: vi.fn(), delete: vi.fn() },
+  ApiError: class extends Error {},
+}));
+
+import { api } from '../lib/api';
+import { useAuthStore } from '../stores/authStore';
+import ClinicAppointmentSettingsPage from './ClinicAppointmentSettingsPage';
+
+const get = api.get as ReturnType<typeof vi.fn>;
+
+const LASER = { uuid: 'r-1', name: 'لیزر دایود', type_name: 'دستگاه لیزر' };
+const ROOM  = { uuid: 'r-2', name: 'اتاق ۱', type_name: 'اتاق درمان' };
+
+beforeEach(() => {
+  vi.clearAllMocks();
+  resources = [LASER, ROOM];
+  useAuthStore.setState({
+    primaryRole: 'clinic',
+    dbUuid: 'c-1',
+    context: { type: 'clinic', db_uuid: 'c-1' } as never,
+    availableContexts: [],
+  });
+  get.mockResolvedValue({ success: true, data: { data: [{ uuid: 'd-1', name: 'دکتر مرادی' }] } });
+});
+
+describe('ClinicAppointmentSettingsPage', () => {
+  it('پیش‌فرض روی پزشکان است', async () => {
+    renderWithProviders(<ClinicAppointmentSettingsPage />);
+
+    await waitFor(() => expect(screen.getByText('برنامهٔ پزشک')).toBeInTheDocument());
+    expect(screen.queryByText(/ساعات کاری r-/)).not.toBeInTheDocument();
+  });
+
+  /** منبع همان‌جایی مدیریت می‌شود که برنامهٔ پزشک — نه در یک صفحهٔ جدا. */
+  it('تب منابع، ساعت کاری و تعطیلات منبع را می‌آورد', async () => {
+    const user = userEvent.setup();
+    renderWithProviders(<ClinicAppointmentSettingsPage />);
+
+    await user.click(screen.getByRole('button', { name: 'منابع' }));
+
+    await waitFor(() => expect(screen.getByText('ساعات کاری r-1')).toBeInTheDocument());
+    expect(screen.getByText('تعطیلات r-1')).toBeInTheDocument();
+    expect(screen.queryByText('برنامهٔ پزشک')).not.toBeInTheDocument();
+  });
+
+  it('بین منابع جابه‌جا می‌شود', async () => {
+    const user = userEvent.setup();
+    renderWithProviders(<ClinicAppointmentSettingsPage />);
+
+    await user.click(screen.getByRole('button', { name: 'منابع' }));
+    await user.click(await screen.findByRole('button', { name: 'اتاق ۱' }));
+
+    await waitFor(() => expect(screen.getByText('ساعات کاری r-2')).toBeInTheDocument());
+  });
+
+  /** scope در URL می‌نشیند، وگرنه «بازگشت» و رفرش کاربر را به تب پزشکان می‌پراند. */
+  it('scope را از URL می‌خواند', async () => {
+    renderWithProviders(<ClinicAppointmentSettingsPage />, {
+      route: '/admin/settings/appointment-settings?scope=resources',
+    });
+
+    await waitFor(() => expect(screen.getByText('ساعات کاری r-1')).toBeInTheDocument());
+  });
+
+  it('کلینیک بدون منبع، حالت خالی با راه‌حل می‌دهد', async () => {
+    resources = [];
+    const user = userEvent.setup();
+    renderWithProviders(<ClinicAppointmentSettingsPage />);
+
+    await user.click(screen.getByRole('button', { name: 'منابع' }));
+
+    expect(await screen.findByText('هنوز منبعی تعریف نشده است')).toBeInTheDocument();
+    expect(screen.getByText('تنظیمات ← منابع')).toHaveAttribute('href', '/admin/resources');
+  });
+});

assets/admin/pages/ClinicAppointmentSettingsPage.tsx

@@ -1,29 +1,44 @@
-import { useMemo, useState } from 'react';
+import { useMemo } from 'react';
 import { Link } from 'react-router-dom';
 import { useQuery } from '@tanstack/react-query';
-import { UserGroupIcon } from '@heroicons/react/24/outline';
+import { CubeIcon, UserGroupIcon } from '@heroicons/react/24/outline';
 import { api } from '../lib/api';
 import type { ApiResponse } from '../lib/api';
 import { useAuthStore } from '../stores/authStore';
 import { usePermissions } from '../hooks/usePermissions';
+import { useUrlState } from '../hooks/useUrlState';
+import { useResources } from '../hooks/useResources';
 import SettingsLayout from '../components/layout/SettingsLayout';
 import { ScheduleSection } from '../components/schedule/ScheduleSection';
+import ResourceWorkingHoursPanel from '../components/resources/ResourceWorkingHoursPanel';
+import ResourceExceptionsPanel from '../components/resources/ResourceExceptionsPanel';
 import FreeVisitPrice from '../components/FreeVisitPrice';
 import BackButton from '../components/ui/BackButton';
 import type { ClinicDoctorItem } from '../components/ClinicDoctorsManager';
 
+const SCOPES = [
+  { id: 'doctors',   label: 'پزشکان' },
+  { id: 'resources', label: 'منابع' },
+] as const;
+type Scope = typeof SCOPES[number]['id'];
+
 /**
- * تنظیمات نوبت‌دهی همه پزشکان کلینیک — یک تب به ازای هر پزشک.
+ * تنظیمات نوبت‌دهی کلینیک — یک تب به ازای هر پزشک، و یک تب به ازای هر منبع.
  *
- * هر تب دقیقاً همان ScheduleSection پنل پزشک مستقل را رندر می‌کند؛ تنها تفاوت،
+ * منبع در مدل Resource-First واحدِ ظرفیت است و ساعت کاری و تعطیلات خودش را دارد، پس
- * امکان جابه‌جایی بین پزشکان است.
+ * دقیقاً همان‌جایی مدیریت می‌شود که برنامهٔ پزشک — نه در یک صفحهٔ جدا. تب پزشک همان
+ * `ScheduleSection` پنل پزشک مستقل است و تب منبع همان پنل‌های صفحهٔ منبع؛ هیچ‌کدام
+ * نسخهٔ دومی ندارند.
  */
 function ClinicAppointmentSettingsContent() {
   const { dbUuid, context, availableContexts } = useAuthStore();
   const { can } = usePermissions();
   // منشیِ بدون مجوزِ ویرایشِ تنظیمات نوبت‌دهی، فقط مشاهده می‌کند.
   const apptReadOnly = !can('appointment_settings', 'update');
-  const [activeUuid, setActiveUuid] = useState<string | null>(null);
+
+  // انتخاب‌ها در URL می‌نشینند تا «بازگشت» و رفرش همان تب را برگردانند.
+  const [urlState, setUrlState] = useUrlState({ scope: 'doctors', doctor: '', resource: '' });
+  const scope = (SCOPES.some((s) => s.id === urlState.scope) ? urlState.scope : 'doctors') as Scope;
 
   // کاربری که هم پزشک است هم مالک کلینیک، dbUuid‌اش ممکن است uuid پزشک باشد.
   const clinicUuid = useMemo(() => {
@@ -42,8 +57,10 @@ function ClinicAppointmentSettingsContent() {
     return (raw as any)?.data ?? raw ?? [];
   }, [doctorsQ.data]);
 
-  const selected = activeUuid ?? doctorList[0]?.uuid ?? null;
+  const { resources, loading: resourcesLoading } = useResources({ active: '1' });
-  const selectedDoctor = doctorList.find(d => d.uuid === selected) ?? null;
+
+  const selectedDoctor   = doctorList.find(d => d.uuid === urlState.doctor) ?? doctorList[0] ?? null;
+  const selectedResource = resources.find(r => r.uuid === urlState.resource) ?? resources[0] ?? null;
 
   if (!clinicUuid) {
     return (
@@ -64,59 +81,163 @@ function ClinicAppointmentSettingsContent() {
         <div>
           <h1 className="section-title">مدیریت نوبت دهی</h1>
           <div className="muted">
-            {selectedDoctor ? `تنظیمات نوبت‌دهی ${selectedDoctor.name}` : 'تنظیمات نوبت‌دهی پزشکان کلینیک'}
+            {scope === 'doctors'
+              ? (selectedDoctor ? `تنظیمات نوبت‌دهی ${selectedDoctor.name}` : 'تنظیمات نوبت‌دهی پزشکان کلینیک')
+              : (selectedResource ? `تنظیمات نوبت‌دهی ${selectedResource.name}` : 'تنظیمات نوبت‌دهی منابع کلینیک')}
           </div>
         </div>
       </div>
 
-      {doctorsQ.isLoading ? (
+      <div className="seg" style={{ alignSelf: 'flex-start' }}>
-        <div className="card card-pad"><p className="muted">در حال بارگذاری پزشکان...</p></div>
+        {SCOPES.map((s) => (
-      ) : doctorList.length === 0 ? (
+          <button
-        <div className="card card-pad">
+            key={s.id}
-          <div className="empty" style={{ padding: '20px 0' }}>
+            className={scope === s.id ? 'active' : ''}
-            <UserGroupIcon style={{ width: 30, height: 30 }} />
+            onClick={() => setUrlState({ scope: s.id })}
-            <p className="muted">هیچ پزشکی به این کلینیک متصل نیست</p>
+          >
-            <Link className="btn primary sm" to="/admin/settings/clinic-doctors">مدیریت پزشکان کلینیک</Link>
+            {s.label}
-          </div>
+          </button>
-        </div>
+        ))}
-      ) : (
+      </div>
-        <>
-          <div className="card card-pad" style={{ paddingBottom: 12 }}>
-            <div className="seg" style={{ overflowX: 'auto', flexWrap: 'nowrap' }}>
-              {doctorList.map(doc => (
-                <button
-                  key={doc.uuid}
-                  className={selected === doc.uuid ? 'active' : ''}
-                  style={{ whiteSpace: 'nowrap' }}
-                  onClick={() => setActiveUuid(doc.uuid)}
-                >
-                  {doc.name}
-                </button>
-              ))}
-            </div>
-          </div>
 
-          {/* key اجباری است: بدون آن state ویرایشِ برنامه بین پزشکان نشت می‌کند */}
+      {scope === 'doctors' ? (
-          {selected && (
+        <DoctorsScope
-            <div key={selected}>
+          loading={doctorsQ.isLoading}
-              {/* نام پزشک انتخاب‌شده، تا هنگام اسکرول هم مشخص باشد تنظیمات مربوط به کیست */}
+          doctors={doctorList}
-              <div
+          selected={selectedDoctor}
-                className="card card-pad"
+          clinicUuid={clinicUuid}
-                style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 'var(--gap)' }}
+          readOnly={apptReadOnly}
-              >
+          onSelect={(uuid) => setUrlState({ doctor: uuid })}
-                <UserGroupIcon style={{ width: 18, height: 18, color: 'var(--primary)' }} />
+        />
-                <span style={{ fontWeight: 600 }}>{selectedDoctor?.name}</span>
+      ) : (
-              </div>
+        <ResourcesScope
-              <FreeVisitPrice doctorUuid={selected} readOnly={apptReadOnly} />
+          loading={resourcesLoading}
-              <ScheduleSection doctorUuid={selected} clinicUuid={clinicUuid} readOnly={apptReadOnly} />
+          resources={resources}
-            </div>
+          selected={selectedResource}
-          )}
+          canUpdate={!apptReadOnly}
-        </>
+          onSelect={(uuid) => setUrlState({ resource: uuid })}
+        />
       )}
     </div>
   );
 }
 
+function TabBar<T extends { uuid: string; name: string }>({ items, selected, onSelect }: {
+  items: T[];
+  selected: T | null;
+  onSelect: (uuid: string) => void;
+}) {
+  return (
+    <div className="card card-pad" style={{ paddingBottom: 12 }}>
+      <div className="seg" style={{ overflowX: 'auto', flexWrap: 'nowrap' }}>
+        {items.map((item) => (
+          <button
+            key={item.uuid}
+            className={selected?.uuid === item.uuid ? 'active' : ''}
+            style={{ whiteSpace: 'nowrap' }}
+            onClick={() => onSelect(item.uuid)}
+          >
+            {item.name}
+          </button>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+function SelectedHeader({ icon, label }: { icon: React.ReactNode; label: string }) {
+  return (
+    <div
+      className="card card-pad"
+      style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 'var(--gap)' }}
+    >
+      {icon}
+      <span style={{ fontWeight: 600 }}>{label}</span>
+    </div>
+  );
+}
+
+function DoctorsScope({ loading, doctors, selected, clinicUuid, readOnly, onSelect }: {
+  loading: boolean;
+  doctors: ClinicDoctorItem[];
+  selected: ClinicDoctorItem | null;
+  clinicUuid: string;
+  readOnly: boolean;
+  onSelect: (uuid: string) => void;
+}) {
+  if (loading) return <div className="card card-pad"><p className="muted">در حال بارگذاری پزشکان...</p></div>;
+
+  if (doctors.length === 0) {
+    return (
+      <div className="card card-pad">
+        <div className="empty" style={{ padding: '20px 0' }}>
+          <UserGroupIcon style={{ width: 30, height: 30 }} />
+          <p className="muted">هیچ پزشکی به این کلینیک متصل نیست</p>
+          <Link className="btn primary sm" to="/admin/settings/clinic-doctors">مدیریت پزشکان کلینیک</Link>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <>
+      <TabBar items={doctors} selected={selected} onSelect={onSelect} />
+
+      {/* key اجباری است: بدون آن state ویرایشِ برنامه بین پزشکان نشت می‌کند */}
+      {selected && (
+        <div key={selected.uuid}>
+          <SelectedHeader
+            icon={<UserGroupIcon style={{ width: 18, height: 18, color: 'var(--primary)' }} />}
+            label={selected.name}
+          />
+          <FreeVisitPrice doctorUuid={selected.uuid} readOnly={readOnly} />
+          <ScheduleSection doctorUuid={selected.uuid} clinicUuid={clinicUuid} readOnly={readOnly} />
+        </div>
+      )}
+    </>
+  );
+}
+
+function ResourcesScope({ loading, resources, selected, canUpdate, onSelect }: {
+  loading: boolean;
+  resources: { uuid: string; name: string; type_name: string }[];
+  selected: { uuid: string; name: string; type_name: string } | null;
+  canUpdate: boolean;
+  onSelect: (uuid: string) => void;
+}) {
+  if (loading) return <div className="card card-pad"><p className="muted">در حال بارگذاری منابع...</p></div>;
+
+  if (resources.length === 0) {
+    return (
+      <div className="card card-pad">
+        <div className="empty" style={{ padding: '20px 0' }}>
+          <CubeIcon style={{ width: 30, height: 30 }} />
+          <p className="muted">هنوز منبعی تعریف نشده است</p>
+          <Link className="btn primary sm" to="/admin/resources">تنظیمات ← منابع</Link>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <>
+      <TabBar items={resources} selected={selected} onSelect={onSelect} />
+
+      {/* همان دلیل تب پزشک: بدون key، شیفتِ نیمه‌ویرایش‌شده به منبع بعدی می‌چسبد. */}
+      {selected && (
+        <div key={selected.uuid} style={{ display: 'grid', gap: 'var(--gap)' }}>
+          <SelectedHeader
+            icon={<CubeIcon style={{ width: 18, height: 18, color: 'var(--primary)' }} />}
+            label={`${selected.name} · ${selected.type_name}`}
+          />
+          <ResourceWorkingHoursPanel resourceUuid={selected.uuid} canUpdate={canUpdate} />
+          <ResourceExceptionsPanel resourceUuid={selected.uuid} canUpdate={canUpdate} />
+        </div>
+      )}
+    </>
+  );
+}
+
 export default function ClinicAppointmentSettingsPage() {
   return (
     <SettingsLayout active="appointment">

assets/admin/pages/HolidaysSettingsPage.tsx

@@ -32,7 +32,7 @@ export default function HolidaysSettingsPage() {
     {
       key: 'gregorian',
       header: 'میلادی',
-      render: (h) => <span style={{ fontSize: 12, color: 'var(--text-3)' }}>{formatDate(h.date * 1000)}</span>,
+      render: (h) => <span style={{ fontSize: 12, color: 'var(--text-3)' }}>{formatDate(h.date)}</span>,
     },
     {
       key: 'status',
@@ -150,7 +150,7 @@ function ClosureCard({
           {overrides.map((o) => (
             <div key={o.uuid} style={{ display: 'flex', alignItems: 'center', gap: 8, fontSize: 13 }}>
               <span style={{ flex: 1, color: 'var(--text-2)' }}>
-                {formatDate(o.date * 1000)}{o.note ? ` · ${o.note}` : ''}
+                {formatDate(o.date)}{o.note ? ` · ${o.note}` : ''}
               </span>
               {canUpdate && (
                 <button type="button" className="btn secondary sm" onClick={() => onRemove(o.uuid)} aria-label="حذف تعطیلی">