izi-dev/nova-field-date-picker

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

1.0.0 2020-03-30 23:59 UTC

Requires

• php: >=7.1.0

MIT

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

README

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 izi-dev/nova-field-date-picker

Example Usage

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

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

Highlight

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

use IziDev\VCalendar\Attributes\HighlightAttributeVCalendar;

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

Bar

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

use IziDev\VCalendar\Attributes\BarAttributeVCalendar;

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

Popover

Arguments: ClickPopoverVCalendar, FocusPopoverVCalendar, HoverPopoverVCalendar

use IziDev\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
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))