LaravelPackages.net
Acme Inc.
Toggle sidebar
izi-dev/nova-field-date-picker

Field Date based on https://vcalendar.io/

106.056
9
1.0.0
About izi-dev/nova-field-date-picker

izi-dev/nova-field-date-picker is a Laravel package for field date based on https://vcalendar.io/. It currently has 9 GitHub stars and 106.056 downloads on Packagist (latest version 1.0.0). Install it with composer require izi-dev/nova-field-date-picker. Discover more Laravel packages by izi-dev or browse all Laravel packages to compare alternatives.

Last updated

Laravel Nova Field Super DatePicker

GitHub license

Description

An elegant calendar and datepicker Field for laravel nova based on https://vcalendar.io/.

Screenshots

Screenshot1 Screenshot2

Installation

This package can be installed through Composer.

composer require izi-dev/nova-field-date-picker

Example Usage


use IziDev\VCalendar\SuperDatePicker;

SuperDatePicker::make(__("Birthdate"), 'birthdate')
    ->required(true)
    ->rules('required', 'date'),

Screenshot3

Dark Mode

->isDark()

Screenshot4

Color

->color("red") //gray, red, orange, yellow, green, teal, blue, indigo, purple, pink.

Screenshot6

Inline

->isInline() 

Screenshot5

Disabled Dates

->disabledDates("2020-03-23")
->disabledDates("2020-03-25","2020-03-24")
->disabledDates(["2020-03-25","2020-03-26"])

Screenshot7

Format

->format("YYYY/MM/DD")

Screenshot8

Locale

->locale("en")

Screenshot9

Min && Max Date

->minDate("2020-03-01")
->maxDate("2020-03-31")

Advanced Custom DatePicker

Custom Select Date

Arguments: DotAttributeVCalendar, HighlightAttributeVCalendar, BarAttributeVCalendar

Dot

Arguments: null, true, gray, red, orange, yellow, green, teal, blue, indigo, purple, pink

use IziDev\VCalendar\Attributes\DotAttributeVCalendar;

->selectAttribute(
    (new DotAttributeVCalendar("orange"))
)

Screenshot11

Highlight

Arguments: null, true, gray, red, orange, yellow, green, teal, blue, indigo, purple, pink

use IziDev\VCalendar\Attributes\HighlightAttributeVCalendar;

->selectAttribute(
    (new HighlightAttributeVCalendar("orange"))
)

Screenshot12

Bar

Arguments: null, true, gray, red, orange, yellow, green, teal, blue, indigo, purple, pink

use IziDev\VCalendar\Attributes\BarAttributeVCalendar;

->selectAttribute(
    (new BarAttributeVCalendar("orange"))
)

Screenshot13

Popover

Arguments: ClickPopoverVCalendar, FocusPopoverVCalendar, HoverPopoverVCalendar

use IziDev\VCalendar\Popover\HoverPopoverVCalendar;

->selectAttribute(
    (new BarAttributeVCalendar("orange"))
        ->popover(new HoverPopoverVCalendar("Fecha de nacimiento"))
)

Screenshot14

Add More Select Date

Arguments: DotAttributeVCalendar, HighlightAttributeVCalendar, BarAttributeVCalendar

->attributeCalendar(
    (new HighlightAttributeVCalendar('red'))
        ->dates($this->created_at)
        ->popover(new HoverPopoverVCalendar("Creation Record Contact."))
)
->attributeCalendar(
    (new BarAttributeVCalendar('red'))
        ->dates($this->update_at)
        ->popover(new HoverPopoverVCalendar("Update Record Contact."))
)

Screenshot15

Advanced Custom Disabled

Type

| Object | Description | Range | | ------------ | ------------ | ------------ | | IziDev\VCalendar\Disabled\DaysDisabledDatesVCalendar | Day number from the start or end of the month. |1 to 31, -1 to -31 | | IziDev\VCalendar\Disabled\WeekdaysDisabledDatesVCalendar | Day of the week. |1: Sun to 7: Sat | | IziDev\VCalendar\Disabled\WeeksDisabledDatesVCalendar | Week number from the start or end of the month. |1 to 6, -1 to -6 | | IziDev\VCalendar\Disabled\MonthsDisabledDatesVCalendar | Months of the year. |1 to 12 | | IziDev\VCalendar\Disabled\YearsDisabledDatesVCalendar | Year numbers. |4-digit integer |

->disabled(new DaysDisabledDatesVCalendar(9, 16))

Interval

| Object | Description | ------------ | ------------ | IziDev\VCalendar\Interval\DayliIntervalDatesVCalendar | Interval number of days from the start date (or today when no start date provided).
| IziDev\VCalendar\Interval\WeeklyIntervalDatesVCalendar | Interval number of weeks from the start date (or today).
| IziDev\VCalendar\Interval\MonthlyIntervalDatesVCalendar | Interval number of months from the start date (or today). | IziDev\VCalendar\Interval\YearlyIntervalDatesVCalendar | Interval number of years from the start date (or today).

->disabled(new WeekdaysDisabledDatesVCalendar(1, 7),new WeeklyIntervalDatesVCalendar(2))

Screenshot16

Star History Chart