Unable to use DateTime Picker Component

[4inka]

I'm trying to use the datetime picker component for wireui but it just gives me an undefined value in the field (screenshot 1) and I'm getting lots of console warnings and errors (screenshots 2 & 3 are some of the examples) Also when I try to click the input it gives me more warnings and errors (screenshot 4)

Screenshot 1

Screenshot 2

Screenshot 3

Screenshot 4

Here is the sample code that I'm trying to use for the datetime picker field:

class HomeSearchForm extends Component
{
    public $pickup_location, $pickup_datetime, $drop_location, $drop_datetime;

    public function render()
    {
        $locations = BookingLocation::all();

        return view('livewire.home-search-form', compact(['locations']));
    }
}

<x-datetime-picker label="Date & time" placeholder="Date & time" without-timezone :min="now()" parse-format="DD-MM-YYYY HH:mm" interval="30" wire:model.defer="pickup_datetime" />

These are the versions of the packages related to wire ui:

• laravel: 8.75
• wireui: 1.0
• livewire: 2.10
• tailwindcss: 3.0.23
• @tailwindcss/aspect-ratio: 0.4.0
• @tailwindcss/forms: 0.4.1
• @tailwindcss/typography: 0.5.2
• alpinejs: 3.9.2 (tried previous versions, importing it via CDN and npm but just got different errors in some cases)

Best regards

[PH7-Jack]

@4inka Thanks for reporting. Do you have the wireui lang? I'm seeing in your Screenshot 2, the translation is missing

[4inka]

I am unable to publish the lang files, it gives me the following error:

I was able to publish the other files

[joelhmetz]

Put in this order:

[4inka]

I've already tried it

also tried adding alpine as a npm dependency but still got no sucess. The screenshots bellow are the latest version of what I tried to use in order to solve this issue but nothing works

layout.blade.php

app.js

I've already tried a lot of different ways and versions of alpine and nothing seems to work properly.

[4inka]

I was able to use it in a fresh project. Don't understand what was wrong with my old one, but I'll stick to the new one and transfer the things that are already done to the new one and see if it doesn't break it.

But thank you for the attention

Edit

Unfortunatelly it did it again. I created a fresh project, added the first 2 migrations and some styles and everything was working, but after adding some more data it did the same thing. I didn't add any other dependency beside the ones related to wireui and still got the error out of nowhere

Edit 2

I created a git repo that has a sample project with the bug that I'm facing. I tested it in another computer and got the same result. Hope this helps

[mckenziearts]

I already had this problem, but you have to look in the .env file to see if your APP_URL is the same one that is returned by your project.

I work with Laravel Valet in https and my APP_URL was not https so I had this error.

Empty the cache where you display the url of this error is because it can not load the js of wireui

[4inka]

Corrected that and still no result.

[joelhmetz]

wireui_test/tailwind.config.js

check your file, the form plugin is missing

[4inka]

I removed it by mistake from this project but already added it back and updated the sample project. But in my original project I have the forms plugin there and it's still doing the same.

[4inka]

Hi

Any update on this

Edit

I was finally able to find out what the issue was. I was getting the undefined error because I changed the 'locale' and 'fallback_locale' to 'en_US' instead of 'en' inside config/app.php and didn't create a folder named 'en_US' under lang/vendor/wireui. After creating the folder inside the mentioned directory everything started working fine again.