Download the PHP package alirahimi/livewire-persian-datepicker without Composer
On this page you can find all versions of the php package alirahimi/livewire-persian-datepicker. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download alirahimi/livewire-persian-datepicker
More information about alirahimi/livewire-persian-datepicker
Files in alirahimi/livewire-persian-datepicker
Package livewire-persian-datepicker
Short Description The Persian Datepicker component for Laravel Livewire
License MIT
Informations about the package livewire-persian-datepicker
Livewire Persian Datepicker
This package is a Persian datepicker tool for Laravel 9/10/11.
This tool is made as a component for Livewire, which requires the following requirements:
Requirements
- laravel +9.0
- livewire +2.5
- alpinejs +3.0.6
- tailwindcss +3.0.0
- jalali-moment +3.3.11
Installation
To install the package, run the following code in the path of your project
After installing with Composer, you need to publish the project files and install the npm requirements. With the following command, the mentioned tasks will be done automatically.
If you have already installed npm, the command above will automatically add the required items to package.json and reinstall npm. Otherwise, you have to manually install the necessary packages mentioned above.
After installing this package, a file called will be added to the folder and a file named will be added to the folder of your project. If for any reason these two files are not created automatically, you can type the following command into the console:
Then you need to import the file in .
Finally, the file should look like this:
And the file should look like this:
Now, if you are using webpack, enter the following command:
And if you use vite, enter the following command:
Tip: You need to call the created JavaScript and style files in your template:
How to use
This component is easy to use. It has 9 entries that you can enter as you wish. I will give you an example below:
component property description:
Property | Required | Default | Description |
---|---|---|---|
wirePropertyName | Yes | null | The livewire property to which the information is sent after selecting the date |
label | No | null | input label |
showFormat | No | jYYYY/jMM/jDD | Date format for the selected date (Jalali date format => jalali-moment) |
returnFormat | No | X | Date format that is sent to the server (X = timestamp) |
required | No | false | Add red Star after label |
defaultDate | No | null | Datepicker default date (null = current date) |
setNullInput | No | false | Can set the default Datepicker to null |
ignoreWire | No | true | Ignores livewire changes (recommended for time use) |
withTime | No | false | Can enable Datepicker time inputs (Hour Minute Second) |
withTimeSeconds | No | true | Can disable Datepicker seconds input |