Laravel Community Tools by Tighten
Laravel Nova icon Nova Packages
N

Super DatePicker

Readme

Legal Disclaimer

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

Laravel Nova Field Super DatePicker

Latest Version on Packagist License Total Downloads

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

Example Usage

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

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

Screenshot11

Highlight

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

use AbdullahFaqeir\VCalendar\Attributes\HighlightAttributeVCalendar;

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

Screenshot12

Bar

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

use AbdullahFaqeir\VCalendar\Attributes\BarAttributeVCalendar;

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

Screenshot13

Popover

Arguments: ClickPopoverVCalendar, FocusPopoverVCalendar, HoverPopoverVCalendar

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

Screenshot16

Back to Top
Added 1 month ago
Last updated 1 Month Ago
Version v1.0.2
Nova Version ^4.0|^5.0
Composer
abdullahfaqeir/nova-field-date-picker
GitHub stars 0
Packagist downloads 7

Favorites

0 users favorited

Rating

N/A
(out of 5)
★★★★★
★★★★
★★★
★★
0 ratings

Brought to you by Tighten

Issues/Feature Requests Stats Package Ideas