PHPackages abdullahfaqeir/nova-field-date-picker - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. abdullahfaqeir/nova-field-date-picker ActiveLibrary[Utility & Helpers](/categories/utility) abdullahfaqeir/nova-field-date-picker ===================================== Field Date based on https://vcalendar.io/ v1.0.2(5mo ago)0162MITPHPPHP ^8.4 Since Jan 10Pushed 5mo agoCompare [ Source](https://github.com/AbdullahFaqeir/nova-field-date-picker)[ Packagist](https://packagist.org/packages/abdullahfaqeir/nova-field-date-picker)[ RSS](/packages/abdullahfaqeir-nova-field-date-picker/feed)WikiDiscussions master Synced today READMEChangelog (3)Dependencies (1)Versions (4)Used By (0) Legal Disclaimer ---------------- [](#legal-disclaimer) This repo is an updated fork from [Laravel Nova Field Super DatePicker](https://github.com/izi-dev/nova-field-date-picker) Laravel Nova Field Super DatePicker =================================== [](#laravel-nova-field-super-datepicker) [![Latest Version on Packagist](https://camo.githubusercontent.com/d04e98b3a128849e7fc91fc2ad399fd21023111bd43cc40eb8e3cf427c24c449/68747470733a2f2f706f7365722e707567782e6f72672f416264756c6c61684661716569722f6e6f76612d6669656c642d646174652d7069636b65722f762f737461626c653f666f726d61743d666c61742d73717561726526636f6c6f723d23304537464330)](https://packagist.org/packages/AbdullahFaqeir/nova-field-date-picker)[![License](https://camo.githubusercontent.com/6b3c0c5021aa6be4ff3cc455712f54579182c102addcec1ffea74d1449826ea0/68747470733a2f2f706f7365722e707567782e6f72672f416264756c6c61684661716569722f6e6f76612d6669656c642d646174652d7069636b65722f6c6963656e73653f666f726d61743d666c61742d737175617265)](https://packagist.org/packages/AbdullahFaqeir/nova-field-date-picker)[![Total Downloads](https://camo.githubusercontent.com/21a1640c4d23285f3fd999bf3adc6b08253c48de4d9915ab43d618017d18cc68/68747470733a2f2f706f7365722e707567782e6f72672f416264756c6c61684661716569722f6e6f76612d6669656c642d646174652d7069636b65722f646f776e6c6f6164733f666f726d61743d666c61742d737175617265)](https://packagist.org/packages/AbdullahFaqeir/nova-field-date-picker) Description ----------- [](#description) An elegant calendar and datepicker Field for laravel nova based on . Screenshots ----------- [](#screenshots) [![Screenshot1](https://camo.githubusercontent.com/903766c3b668e9a54fab183b245521b3aca1fd077387dab6fffa7be1baaa3ca3/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f335777336a4c484f616c76394c4c51743644416538754a4d4a5731526334704d38614a56653877432e706e67 "Preview")](https://camo.githubusercontent.com/903766c3b668e9a54fab183b245521b3aca1fd077387dab6fffa7be1baaa3ca3/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f335777336a4c484f616c76394c4c51743644416538754a4d4a5731526334704d38614a56653877432e706e67)[![Screenshot2](https://camo.githubusercontent.com/dc63b0242101fddc0c88d876a5aeb7983b8e76b8ab291790988131d5bdf0a076/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f47714d46755a5851756954505958484a3545617346684d5a4647464e73677066684c716678586e622e706e67 "Preview")](https://camo.githubusercontent.com/dc63b0242101fddc0c88d876a5aeb7983b8e76b8ab291790988131d5bdf0a076/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f47714d46755a5851756954505958484a3545617346684d5a4647464e73677066684c716678586e622e706e67) Installation ------------ [](#installation) This package can be installed through Composer. ``` composer require abdullahfaqeir/nova-field-date-picker ``` Example Usage ------------- [](#example-usage) ``` use AbdullahFaqeir\VCalendar\SuperDatePicker; SuperDatePicker::make(__("Birthdate"), 'birthdate') ->required(true) ->rules('required', 'date'), ``` [![Screenshot3](https://camo.githubusercontent.com/887e0afa61a560514948f4b7a1cf013a3ddca1e8ef21ac84412a7fd7bd52b28b/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f6e6f3631314b54684235413771486a7674786173766b3255744c58373671584b426e6330467a37472e706e67 "Preview")](https://camo.githubusercontent.com/887e0afa61a560514948f4b7a1cf013a3ddca1e8ef21ac84412a7fd7bd52b28b/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f6e6f3631314b54684235413771486a7674786173766b3255744c58373671584b426e6330467a37472e706e67) Dark Mode --------- [](#dark-mode) ``` ->isDark() ``` [![Screenshot4](https://camo.githubusercontent.com/92d09e783d5f8ee326f8d446ea3cfbb8271a084c150da95ac683b3bd77d1bd34/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f4466306f4c314f4b7a70474c7946346734354a497a4a45757738333762646d77517671444834716f2e706e67 "Preview")](https://camo.githubusercontent.com/92d09e783d5f8ee326f8d446ea3cfbb8271a084c150da95ac683b3bd77d1bd34/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f4466306f4c314f4b7a70474c7946346734354a497a4a45757738333762646d77517671444834716f2e706e67) Color ----- [](#color) ``` ->color("red") //gray, red, orange, yellow, green, teal, blue, indigo, purple, pink. ``` [![Screenshot6](https://camo.githubusercontent.com/edd84119535f27b2abcf099982b2c6030da5e66afd1d86ea35f2e161440c4d63/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f36516c324b704e56534d6a364c55565545624555575764415037485847446972414b555053324f672e706e67 "Preview")](https://camo.githubusercontent.com/edd84119535f27b2abcf099982b2c6030da5e66afd1d86ea35f2e161440c4d63/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f36516c324b704e56534d6a364c55565545624555575764415037485847446972414b555053324f672e706e67) Inline ------ [](#inline) ``` ->isInline() ``` [![Screenshot5](https://camo.githubusercontent.com/939ebb4219d656d574d4d2090c6ed24f8dcc9a06ead710a6189de03fff039df6/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f47376c514f5650664f504a4d6f353042356375685555384d7474736837424e5558356770424351392e706e67 "Preview")](https://camo.githubusercontent.com/939ebb4219d656d574d4d2090c6ed24f8dcc9a06ead710a6189de03fff039df6/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f47376c514f5650664f504a4d6f353042356375685555384d7474736837424e5558356770424351392e706e67) Disabled Dates -------------- [](#disabled-dates) ``` ->disabledDates("2020-03-23") ->disabledDates("2020-03-25","2020-03-24") ->disabledDates(["2020-03-25","2020-03-26"]) ``` [![Screenshot7](https://camo.githubusercontent.com/af654c18b55b8a8c12120f9354a8f77c55bdeef5d4de5689059b14ef36b9343b/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f4c57765151454b32436532656c72376c51577851566e514d5475625a454470614e354238463452732e706e67 "Preview")](https://camo.githubusercontent.com/af654c18b55b8a8c12120f9354a8f77c55bdeef5d4de5689059b14ef36b9343b/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f4c57765151454b32436532656c72376c51577851566e514d5475625a454470614e354238463452732e706e67) Format ------ [](#format) ``` ->format("YYYY/MM/DD") ``` [![Screenshot8](https://camo.githubusercontent.com/33ba39d3ea72b03fb19b9ef9d4e2c04650eba66c209abfd41bfb65401763baa5/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f3263543435484c4a6d79417350675744596a6d55374b795631414239556b446b635a496a636d49752e706e67 "Preview")](https://camo.githubusercontent.com/33ba39d3ea72b03fb19b9ef9d4e2c04650eba66c209abfd41bfb65401763baa5/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f3263543435484c4a6d79417350675744596a6d55374b795631414239556b446b635a496a636d49752e706e67) Locale ------ [](#locale) ``` ->locale("en") ``` [![Screenshot9](https://camo.githubusercontent.com/eb980caeb5684080038e1610b3e527fef2abaed234a25c900fe91f2476404c32/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f49334879346545694f78723431564862316a3156453173354a644a63544b694753676e6249434f6b2e706e67 "Preview")](https://camo.githubusercontent.com/eb980caeb5684080038e1610b3e527fef2abaed234a25c900fe91f2476404c32/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f49334879346545694f78723431564862316a3156453173354a644a63544b694753676e6249434f6b2e706e67) Min && Max Date ----------------------- [](#min--max-date) ``` ->minDate("2020-03-01") ->maxDate("2020-03-31") ``` Advanced Custom DatePicker ========================== [](#advanced-custom-datepicker) Custom Select Date ------------------ [](#custom-select-date) Arguments: DotAttributeVCalendar, HighlightAttributeVCalendar, BarAttributeVCalendar ### Dot [](#dot) Arguments: null, true, gray, red, orange, yellow, green, teal, blue, indigo, purple, pink ``` use AbdullahFaqeir\VCalendar\Attributes\DotAttributeVCalendar; ->selectAttribute( (new DotAttributeVCalendar("orange")) ) ``` [![Screenshot11](https://camo.githubusercontent.com/76532d7639a36951b98643365698d5967ea2935dad65f31048f35e044c65f90b/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f5742683448684e69417859683845774d435666305a6c594f7031557a5242514467383773423046382e706e67 "Preview")](https://camo.githubusercontent.com/76532d7639a36951b98643365698d5967ea2935dad65f31048f35e044c65f90b/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f5742683448684e69417859683845774d435666305a6c594f7031557a5242514467383773423046382e706e67) ### Highlight [](#highlight) Arguments: null, true, gray, red, orange, yellow, green, teal, blue, indigo, purple, pink ``` use AbdullahFaqeir\VCalendar\Attributes\HighlightAttributeVCalendar; ->selectAttribute( (new HighlightAttributeVCalendar("orange")) ) ``` [![Screenshot12](https://camo.githubusercontent.com/5c7cdcf1cbbb512206cff7db88736a81ef33d0431a5c12e4941255e681b03233/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f4e474e597842505151384450636a6e366130526f7035727a4a326d38345031675a467851526e546b2e706e67 "Preview")](https://camo.githubusercontent.com/5c7cdcf1cbbb512206cff7db88736a81ef33d0431a5c12e4941255e681b03233/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f4e474e597842505151384450636a6e366130526f7035727a4a326d38345031675a467851526e546b2e706e67) ### Bar [](#bar) Arguments: null, true, gray, red, orange, yellow, green, teal, blue, indigo, purple, pink ``` use AbdullahFaqeir\VCalendar\Attributes\BarAttributeVCalendar; ->selectAttribute( (new BarAttributeVCalendar("orange")) ) ``` [![Screenshot13](https://camo.githubusercontent.com/8ae561ffc536e30bcf7eaa6cb83eb66470cd958a84a4246ecc09a42f7fd2e7be/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f4e677654486475784b597352545370746d66486562776c35576c387732764a647a67346b5a3062482e706e67 "Preview")](https://camo.githubusercontent.com/8ae561ffc536e30bcf7eaa6cb83eb66470cd958a84a4246ecc09a42f7fd2e7be/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f4e677654486475784b597352545370746d66486562776c35576c387732764a647a67346b5a3062482e706e67) Popover ------- [](#popover) Arguments: ClickPopoverVCalendar, FocusPopoverVCalendar, HoverPopoverVCalendar ``` use AbdullahFaqeir\VCalendar\Popover\HoverPopoverVCalendar; ->selectAttribute( (new BarAttributeVCalendar("orange")) ->popover(new HoverPopoverVCalendar("Fecha de nacimiento")) ) ``` [![Screenshot14](https://camo.githubusercontent.com/dc1b265838d5d49c3ea76a72f2f8862294f6fb9a6bd5fb9953821922713b526f/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f7a67695746484d62365431525968706c494d6367715236675267616331783354697349725338696a2e706e67 "Preview")](https://camo.githubusercontent.com/dc1b265838d5d49c3ea76a72f2f8862294f6fb9a6bd5fb9953821922713b526f/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f7a67695746484d62365431525968706c494d6367715236675267616331783354697349725338696a2e706e67) Add More Select Date -------------------- [](#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](https://camo.githubusercontent.com/844e0c6a5d3d2143703baa40cbcfe025c35448c578b0cb2752528d46b2e8186a/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f62556469716837787a71513061556d4e326d73356b72364535413139655a4749796e313437326d682e706e67 "Preview")](https://camo.githubusercontent.com/844e0c6a5d3d2143703baa40cbcfe025c35448c578b0cb2752528d46b2e8186a/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f62556469716837787a71513061556d4e326d73356b72364535413139655a4749796e313437326d682e706e67) Advanced Custom Disabled ======================== [](#advanced-custom-disabled) Type ---- [](#type) ObjectDescriptionRangeAbdullahFaqeir\\VCalendar\\Disabled\\DaysDisabledDatesVCalendarDay number from the start or end of the month.1 to 31, -1 to -31AbdullahFaqeir\\VCalendar\\Disabled\\WeekdaysDisabledDatesVCalendarDay of the week.1: Sun to 7: SatAbdullahFaqeir\\VCalendar\\Disabled\\WeeksDisabledDatesVCalendarWeek number from the start or end of the month.1 to 6, -1 to -6AbdullahFaqeir\\VCalendar\\Disabled\\MonthsDisabledDatesVCalendarMonths of the year.1 to 12AbdullahFaqeir\\VCalendar\\Disabled\\YearsDisabledDatesVCalendarYear numbers.4-digit integer``` ->disabled(new DaysDisabledDatesVCalendar(9, 16)) ``` Interval -------- [](#interval) ObjectDescriptionAbdullahFaqeir\\VCalendar\\Interval\\DayliIntervalDatesVCalendarInterval number of days from the start date (or today when no start date provided).AbdullahFaqeir\\VCalendar\\Interval\\WeeklyIntervalDatesVCalendarInterval number of weeks from the start date (or today).AbdullahFaqeir\\VCalendar\\Interval\\MonthlyIntervalDatesVCalendarInterval number of months from the start date (or today).AbdullahFaqeir\\VCalendar\\Interval\\YearlyIntervalDatesVCalendarInterval number of years from the start date (or today).``` ->disabled(new WeekdaysDisabledDatesVCalendar(1, 7),new WeeklyIntervalDatesVCalendar(2)) ``` [![Screenshot16](https://camo.githubusercontent.com/acbb34493854ca70477c54e5cea0c6dea0012991b53d052f4c8580513751b37d/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f324a696158737871457530304b675745467065716c35354b7a32396e3841336f6d593032426f68652e706e67 "Preview")](https://camo.githubusercontent.com/acbb34493854ca70477c54e5cea0c6dea0012991b53d052f4c8580513751b37d/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f324a696158737871457530304b675745467065716c35354b7a32396e3841336f6d593032426f68652e706e67) ### Health Score 39 — LowBetter than 84% of packages Maintenance70 Regular maintenance activity Popularity12 Limited adoption so far Community8 Small or concentrated contributor base Maturity54 Maturing project, gaining track record Bus Factor1 Top contributor holds 87.5% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~0 days Total 3 Last Release 174d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/1428547?v=4)[Abdullah Al-Faqeir](/maintainers/AbdullahFaqeir)[@AbdullahFaqeir](https://github.com/AbdullahFaqeir) --- Top Contributors [![AbdullahFaqeir](https://avatars.githubusercontent.com/u/1428547?v=4)](https://github.com/AbdullahFaqeir "AbdullahFaqeir (7 commits)")[![izi-dev](https://avatars.githubusercontent.com/u/10887226?v=4)](https://github.com/izi-dev "izi-dev (1 commits)") --- Tags laraveldatefieldpickernovavuev-calendar ### Embed Badge ![Health badge](/badges/abdullahfaqeir-nova-field-date-picker/health.svg) ``` [![Health](https://phpackages.com/badges/abdullahfaqeir-nova-field-date-picker/health.svg)](https://phpackages.com/packages/abdullahfaqeir-nova-field-date-picker) ``` ### Alternatives [markwalet/nova-modal-response A Laravel Nova asset for Modal responses on an action. 17878.9k](/packages/markwalet-nova-modal-response)[outl1ne/nova-color-field A Laravel Nova Color Picker field. 26263.8k](/packages/outl1ne-nova-color-field)[optimistdigital/nova-color-field A Laravel Nova Color Picker field. 26256.9k](/packages/optimistdigital-nova-color-field)[marshmallow/nova-tiptap A Laravel Nova tiptap editor field. 19183.4k3](/packages/marshmallow-nova-tiptap)[optimistdigital/nova-notes-field This Laravel Nova package adds a notes field to Nova's arsenal of fields. 52145.0k](/packages/optimistdigital-nova-notes-field) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)