PHPackages izi-dev/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. izi-dev/nova-field-date-picker ActiveLibrary izi-dev/nova-field-date-picker ============================== Field Date based on https://vcalendar.io/ 1.0.0(6y ago)9104.1k↓19.1%2[1 issues](https://github.com/izi-dev/nova-field-date-picker/issues)MITPHPPHP >=7.1.0 Since Mar 31Pushed 6y ago1 watchersCompare [ Source](https://github.com/izi-dev/nova-field-date-picker)[ Packagist](https://packagist.org/packages/izi-dev/nova-field-date-picker)[ RSS](/packages/izi-dev-nova-field-date-picker/feed)WikiDiscussions master Synced 1mo ago READMEChangelogDependenciesVersions (2)Used By (0) Laravel Nova Field Super DatePicker =================================== [](#laravel-nova-field-super-datepicker) [![GitHub license](https://camo.githubusercontent.com/ed91bcf6e35328dc1600cc444d67af7775d8952f05c3287d5f192a2918f0074b/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f4d6f686d6d65644173687261662f6e6f76612d6669656c64732d6167656e742e737667)](https://github.com/MohmmedAshraf/nova-fields-agent/blob/master/LICENSE.md) 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 izi-dev/nova-field-date-picker ``` Example Usage ------------- [](#example-usage) ``` use IziDev\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 IziDev\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 IziDev\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 IziDev\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 IziDev\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) ObjectDescriptionRangeIziDev\\VCalendar\\Disabled\\DaysDisabledDatesVCalendarDay number from the start or end of the month.1 to 31, -1 to -31IziDev\\VCalendar\\Disabled\\WeekdaysDisabledDatesVCalendarDay of the week.1: Sun to 7: SatIziDev\\VCalendar\\Disabled\\WeeksDisabledDatesVCalendarWeek number from the start or end of the month.1 to 6, -1 to -6IziDev\\VCalendar\\Disabled\\MonthsDisabledDatesVCalendarMonths of the year.1 to 12IziDev\\VCalendar\\Disabled\\YearsDisabledDatesVCalendarYear numbers.4-digit integer``` ->disabled(new DaysDisabledDatesVCalendar(9, 16)) ``` Interval -------- [](#interval) ObjectDescriptionIziDev\\VCalendar\\Interval\\DayliIntervalDatesVCalendarInterval number of days from the start date (or today when no start date provided).IziDev\\VCalendar\\Interval\\WeeklyIntervalDatesVCalendarInterval number of weeks from the start date (or today).IziDev\\VCalendar\\Interval\\MonthlyIntervalDatesVCalendarInterval number of months from the start date (or today).IziDev\\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 32 — LowBetter than 72% of packages Maintenance18 Infrequent updates — may be unmaintained Popularity37 Limited adoption so far Community9 Small or concentrated contributor base Maturity51 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% 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 Unknown Total 1 Last Release 2240d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/9d2256fe295b0c4e709fdf377bd240cdda298f7188ed8b8a4c43a6ea5bcb1c3c?d=identicon)[izi-dev](/maintainers/izi-dev) --- Top Contributors [![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/izi-dev-nova-field-date-picker/health.svg) ``` [![Health](https://phpackages.com/badges/izi-dev-nova-field-date-picker/health.svg)](https://phpackages.com/packages/izi-dev-nova-field-date-picker) ``` ### Alternatives [timothyasp/nova-color-field A Laravel Nova Color Picker field. 781.6M5](/packages/timothyasp-nova-color-field)[inspheric/nova-defaultable Default values for Nova fields when creating resources and running resource actions. 51174.8k1](/packages/inspheric-nova-defaultable)[optimistdigital/nova-notes-field This Laravel Nova package adds a notes field to Nova's arsenal of fields. 52139.5k](/packages/optimistdigital-nova-notes-field)[digital-creative/nova-filepond A Nova field for uploading File, Image and Video using filepond. 5568.0k1](/packages/digital-creative-nova-filepond)[pos-lifestyle/laravel-nova-date-range-filter A Laravel Nova date range filter. 16179.1k](/packages/pos-lifestyle-laravel-nova-date-range-filter)[wemersonrv/input-mask A Laravel Nova custom field text with masks on input 1196.4k](/packages/wemersonrv-input-mask) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)