abdullahfaqeir/nova-field-date-picker

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

v1.0.2 2026-01-11 10:37 UTC

Requires

• php: ^8.4
• laravel/nova: ^4.0|^5.0

MIT

• date
• nova
• laravel
• field
• picker
• vue
• v-calendar

README

This repo is an updated fork from Laravel Nova Field Super DatePicker

Laravel Nova Field Super DatePicker

Description

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

Screenshots

Installation

This package can be installed through Composer.

composer require abdullahfaqeir/nova-field-date-picker

Example Usage

use AbdullahFaqeir\VCalendar\SuperDatePicker;

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

Dark Mode

->isDark()

Color

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

Inline

->isInline() 

Disabled Dates

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

Format

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

Locale

->locale("en")

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 AbdullahFaqeir\VCalendar\Attributes\DotAttributeVCalendar;

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

Highlight

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

use AbdullahFaqeir\VCalendar\Attributes\HighlightAttributeVCalendar;

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

Bar

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

use AbdullahFaqeir\VCalendar\Attributes\BarAttributeVCalendar;

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

Popover

Arguments: ClickPopoverVCalendar, FocusPopoverVCalendar, HoverPopoverVCalendar

use AbdullahFaqeir\VCalendar\Popover\HoverPopoverVCalendar;

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

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."))
)

Advanced Custom Disabled

Type

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

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

Interval

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

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