filamentphp/filament

Datepicker not working with TextInputColumn

Open

#15895 opened on Mar 19, 2025

View on GitHub
 (5 comments) (0 reactions) (0 assignees)PHP (30,736 stars) (4,162 forks)batch import
bughelp wantedmedium priorityunconfirmed

Description

Package

filament/filament

Package Version

v3.3.4

Laravel Version

v11.44.2

Livewire Version

v3.6.2

PHP Version

PHP 8.3.17

Problem description

Since release 3.2.134 the datepicker in TextInputColumn stopped working when used as TextInputColumn::make('load_date')->type('date'). The datepicker doesn't open.

It is caused by https://github.com/filamentphp/filament/pull/15340, specifically this change, when reverted, the column works fine.

Expected behavior

When user clicks on the calendar icon, a datepicker should open.

Steps to reproduce

  1. add TextInputColumn::make('date')->type('date') to your Filament table
  2. composer require filament/filament:3.2.133 -W
  3. the datepicker opens and inline editing works
  4. composer require filament/filament:3.2.134 -W
  5. the datepicker doesn't open

Reproduction repository (issue will be closed if this is not valid)

https://github.com/jvitasek/app-filament-issue-3.x

Relevant log output

Contributor guide

Tech stack
phplaravel
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Familiarity with Filament's table columnsBasic PHP and Laravel knowledge
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80
Research direction
Focus on the change introduced in PR #15340, specifically the diff in file `packages/tables/resources/js/components/text input column.js`. The issue is that the datepicker fails to open when `type('date')` is used on a `TextInputColumn`. Investigate the condition that prevents the datepicker from triggering and consider reverting that part of the change or modifying the logic to handle the date type appropriately. Use the provided reproduction repository to verify the fix.