etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-30 02:23:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): заменить все нативные date-инпуты на DateField

Browse Source 
Тёмный DateField теперь везде, где был браузерный <input type="date">: фильтр
периода в Трафике, диапазон дат в Платежах и Аудит-логе, срок действия промокода.
Единый вид во всём кабинете. (datetime-local не трогал — там нужно ещё и время.)
This commit is contained in:
c0mrade
2026-06-02 16:17:10 +03:00
parent edd2d25024
commit 016da9f638
4 changed files with 27 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/AdminAuditLog.tsx
View File

@@ -5,6 +5,7 @@ import { useTranslation } from 'react-i18next';
import type { TFunction } from 'i18next';
import { rbacApi, AuditLogEntry, AuditLogFilters } from '@/api/rbac';
import { PermissionGate } from '@/components/auth/PermissionGate';
import { DateField } from '@/components/DateField';
import { usePlatform } from '@/platform/hooks/usePlatform';
import {
BackIcon,
@@ -704,12 +705,11 @@ export default function AdminAuditLog() {
>
{t('admin.auditLog.filters.dateFrom')}
</label>
<input
id="filter-date-from"
type="date"
<DateField
value={filters.dateFrom}
onChange={(e) => setFilters((prev) => ({ ...prev, dateFrom: e.target.value }))}
className="w-full rounded-lg border border-dark-600 bg-dark-900 px-3 py-2 text-sm text-dark-100 outline-none transition-colors focus:border-accent-500"
max={filters.dateTo}
onChange={(v) => setFilters((prev) => ({ ...prev, dateFrom: v }))}
className="flex w-full items-center gap-2 rounded-lg border border-dark-600 bg-dark-900 px-3 py-2 text-sm text-dark-100 transition-colors hover:border-accent-500"
/>
</div>
@@ -721,12 +721,11 @@ export default function AdminAuditLog() {
>
{t('admin.auditLog.filters.dateTo')}
</label>
<input
id="filter-date-to"
type="date"
<DateField
value={filters.dateTo}
onChange={(e) => setFilters((prev) => ({ ...prev, dateTo: e.target.value }))}
className="w-full rounded-lg border border-dark-600 bg-dark-900 px-3 py-2 text-sm text-dark-100 outline-none transition-colors focus:border-accent-500"
min={filters.dateFrom}
onChange={(v) => setFilters((prev) => ({ ...prev, dateTo: v }))}
className="flex w-full items-center gap-2 rounded-lg border border-dark-600 bg-dark-900 px-3 py-2 text-sm text-dark-100 transition-colors hover:border-accent-500"
/>
</div>
</div>