fix(ui): respect admin.dateFormat for list view filters (#16040)

Previously, for the list view filters we used only field level
`date.displayFormat`. Now, if there is no `date.displayFormat` defined
we fallback to `admin.dateFormat` instead of always using the default
one.

---
- To see the specific tasks where the Asana app for GitHub is being
used, see below:
  - https://app.asana.com/0/0/1213774486292022

Author: r1tsuu

packages/ui/src/elements/WhereBuilder/Condition/Date/index.tsx

@@ -4,19 +4,28 @@ import React from 'react'
 
 import type { DateFilterProps as Props } from './types.js'
 
+import { useConfig } from '../../../../providers/Config/index.js'
 import { useTranslation } from '../../../../providers/Translation/index.js'
 import { DatePickerField } from '../../../DatePicker/index.js'
 
 const baseClass = 'condition-value-date'
 
 export const DateFilter: React.FC<Props> = ({ disabled, field: { admin }, onChange, value }) => {
   const { date } = admin || {}
+  const {
+    config: {
+      admin: { dateFormat: dateFormatFromConfig },
+    },
+  } = useConfig()
   const { i18n, t } = useTranslation()
 
+  const displayFormat = date?.displayFormat || dateFormatFromConfig
+
   return (
     <div className={baseClass}>
       <DatePickerField
         {...date}
+        displayFormat={displayFormat}
         onChange={onChange}
         placeholder={getTranslation(admin.placeholder, i18n) || t('general:enterAValue')}
         readOnly={disabled}

test/fields/collections/Date/e2e.spec.ts

@@ -9,6 +9,7 @@ import { fileURLToPath } from 'url'
 import type { PayloadTestSDK } from '../../../__helpers/shared/sdk/index.js'
 import type { Config } from '../../payload-types.js'
 
+import { addListFilter } from '../../../__helpers/e2e/filters/addListFilter.js'
 import {
   ensureCompilationIsDone,
   initPageConsoleErrorCatch,
@@ -84,6 +85,43 @@ describe('Date', () => {
     await expect(notFormattedDateCell).toContainText('August')
   })
 
+  test('should use admin.dateFormat in collection filter date picker', async () => {
+    await goToListView(page)
+
+    // Add a date filter without a value — this sets up the field and operator
+    const { condition } = await addListFilter({
+      page,
+      fieldLabel: 'Created At',
+      operatorLabel: 'is greater than',
+    })
+
+    // Click the date picker input to open the calendar
+    const dateInput = condition.locator(
+      '.condition-value-date .date-time-picker__input-wrapper input',
+    )
+    await dateInput.click()
+
+    // Wait for the calendar popup to appear
+    const calendar = page.locator('.react-datepicker__month')
+    await expect(calendar).toBeVisible()
+
+    // Click on day 15 of the current month
+    await page
+      .locator('.react-datepicker__day--015:not(.react-datepicker__day--outside-month)')
+      .click()
+
+    // The default admin.dateFormat is 'MMMM do yyyy, h:mm a' which renders full month names
+    // e.g. "March 15th 2026, 12:00 PM". The old hardcoded format would render "03/15/2026".
+    await expect(async () => {
+      const inputValue = await dateInput.inputValue()
+
+      expect(inputValue).not.toMatch(/^\d{2}\/\d{2}\/\d{4}$/)
+      expect(inputValue).toMatch(
+        /^(January|February|March|April|May|June|July|August|September|October|November|December)/,
+      )
+    }).toPass()
+  })
+
   test('should display formatted date in useAsTitle', async () => {
     await goToListView(page)
     // Wait for hydration