F
Filament•3mo ago
hello_world

afterStateUpdated() is not working in Datepicker inside livewire components

 DatePicker::make('date')
                    ->label('')
                    ->afterStateUpdated(function ($state) {
                        info($state);
                    })
                    ->native(false)
                    ->reactive()
                    ->minDate(Carbon::now())
                    ->closeOnDateSelection()
                    ->extraAttributes(['class' => 'date_picker']),
 DatePicker::make('date')
                    ->label('')
                    ->afterStateUpdated(function ($state) {
                        info($state);
                    })
                    ->native(false)
                    ->reactive()
                    ->minDate(Carbon::now())
                    ->closeOnDateSelection()
                    ->extraAttributes(['class' => 'date_picker']),
this is my code please check when i use tis DatePicker in Normal Resource or widget the afterStateUpdated() is working but not working if i put the same DatePicker inside a Livewire component Form
Solution:
Ok sounds like you haven't filled your component. ensure you have $this->form->fill() on the mount method....
Jump to solution
10 Replies
toeknee
toeknee•3mo ago
 DatePicker::make('date')
                    ->label('')
                    ->native(false)
                    ->live()
                    ->minDate(Carbon::now())
                    ->closeOnDateSelection()
                    ->extraAttributes(['class' => 'date_picker'])
                    ->afterStateUpdated(function ($state) {
                        info($state);
                    }),
 DatePicker::make('date')
                    ->label('')
                    ->native(false)
                    ->live()
                    ->minDate(Carbon::now())
                    ->closeOnDateSelection()
                    ->extraAttributes(['class' => 'date_picker'])
                    ->afterStateUpdated(function ($state) {
                        info($state);
                    }),
Try this
hello_world
hello_world•3mo ago
Thanks But not working
Solution
toeknee
toeknee•3mo ago
Ok sounds like you haven't filled your component. ensure you have $this->form->fill() on the mount method.
hello_world
hello_world•3mo ago
  public function form(Form $form): Form
    {
        return $form
            ->statePath('data')
            ->schema([
                Placeholder::make('partnership_name')
                    ->label('')
                    ->extraAttributes(['class' => 'partnership'])
                    ->content(fn ($state) => $this->data['partnership_name']),
                Placeholder::make('contact_names')
                    ->label('')
                    ->extraAttributes(['class' => 'contact_names'])
                    ->content(fn ($state) => $this->data['contact_names']),
                Placeholder::make('coach_names')
                    ->label('Coach')
                    ->extraAttributes(['class' => 'coach_name'])
                    ->content(fn ($state) => $this->data['coach_names']),
                Placeholder::make('created_at')
                    ->label('Creation Date')
                    ->extraAttributes(['class' => 'creation_date'])
                    ->content(function ($state) {
                        $state = Carbon::parse($this->data['created_at'])->format('d/m/y');
                        return $state;
                    }),
                DatePicker::make('date')
                    ->label('')
                    ->native(false)
                    ->live()
                    ->minDate(Carbon::now())
                    ->closeOnDateSelection()
                    ->extraAttributes(['class' => 'date_picker'])
                    ->afterStateUpdated(function ($state) {
                        info($state);
                    }),
            ]);
    }
  public function form(Form $form): Form
    {
        return $form
            ->statePath('data')
            ->schema([
                Placeholder::make('partnership_name')
                    ->label('')
                    ->extraAttributes(['class' => 'partnership'])
                    ->content(fn ($state) => $this->data['partnership_name']),
                Placeholder::make('contact_names')
                    ->label('')
                    ->extraAttributes(['class' => 'contact_names'])
                    ->content(fn ($state) => $this->data['contact_names']),
                Placeholder::make('coach_names')
                    ->label('Coach')
                    ->extraAttributes(['class' => 'coach_name'])
                    ->content(fn ($state) => $this->data['coach_names']),
                Placeholder::make('created_at')
                    ->label('Creation Date')
                    ->extraAttributes(['class' => 'creation_date'])
                    ->content(function ($state) {
                        $state = Carbon::parse($this->data['created_at'])->format('d/m/y');
                        return $state;
                    }),
                DatePicker::make('date')
                    ->label('')
                    ->native(false)
                    ->live()
                    ->minDate(Carbon::now())
                    ->closeOnDateSelection()
                    ->extraAttributes(['class' => 'date_picker'])
                    ->afterStateUpdated(function ($state) {
                        info($state);
                    }),
            ]);
    }
this is my form
toeknee
toeknee•3mo ago
And your mount method?
hello_world
hello_world•3mo ago
public function mounted(){ $this->form->fill(); }
toeknee
toeknee•3mo ago
Wrong
toeknee
toeknee•3mo ago
toeknee
toeknee•3mo ago
    public function mount(): void
    {
        $this->form->fill();
    }
    public function mount(): void
    {
        $this->form->fill();
    }
hello_world
hello_world•3mo ago
Thank you it's working
Want results from more Discord servers?
Add your server
More Posts
Access properties on eagerly loaded relationships?I don't know how to better approach this, any help appreciated. I have ``` protected function UserMenuItems width wrongHello, after upgrading filament I encountered a UserMenuItem width problem. When I click the user naGlobal search outside admin panelIs it possible to recreate the global search bar outside of the admin panel? My project uses filamenHow to properly Render Rich Text content on the blade file?Filament ```php Forms\Components\RichEditor::make('body') ->required() ``` onStuck in installation of panel builderHello currently stuck on this...I'm intersted in learning this framework.. Here is my errorr messagHow to hide drop down on menus?I have this menu on my multi tenancy app I want to hide this and show only to a specific user or rolIs it possible to defer loading of panel service providers?I have different panels on different domains, there's no point loading other panels.Call to undefined method App\Models\Category::category_image()Hi. I'm using this package for the media library: https://filamentphp.com/plugins/awcodes-curator InAwcodes | Curator Image Upload ErrorHello. Whenever I try to upload and save an image on the create page, I get the following error: ```Navigation Builder Parent Item / Child ItemsHi, can anyone be so kind to explain how this is supposed to work? I know that inside of resources,