{"id":13466359,"url":"https://github.com/nheath99/NodaTimePicker","last_synced_at":"2025-03-25T21:32:09.372Z","repository":{"id":94642405,"uuid":"149771106","full_name":"nheath99/NodaTimePicker","owner":"nheath99","description":"A Date/Time picker component library for Blazor using NodaTime","archived":false,"fork":false,"pushed_at":"2020-08-18T20:02:23.000Z","size":609,"stargazers_count":51,"open_issues_count":8,"forks_count":6,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-03-12T02:08:17.131Z","etag":null,"topics":["asp-net-core","blazor","datepicker","datetimepicker","nodatime","timepicker"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nheath99.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2018-09-21T13:59:28.000Z","updated_at":"2024-03-04T16:45:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"683af11e-8bcf-417f-a3e9-932e858b6408","html_url":"https://github.com/nheath99/NodaTimePicker","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nheath99%2FNodaTimePicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nheath99%2FNodaTimePicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nheath99%2FNodaTimePicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nheath99%2FNodaTimePicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nheath99","download_url":"https://codeload.github.com/nheath99/NodaTimePicker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245548208,"owners_count":20633536,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["asp-net-core","blazor","datepicker","datetimepicker","nodatime","timepicker"],"created_at":"2024-07-31T15:00:42.899Z","updated_at":"2025-03-25T21:32:08.754Z","avatar_url":"https://github.com/nheath99.png","language":"CSS","funding_links":[],"categories":["Libraries \u0026 Extensions"],"sub_categories":["Components"],"readme":"# NodaTimePicker\n\n[![Nuget (with prereleases)](https://img.shields.io/nuget/vpre/NodaTimePicker.svg)](https://www.nuget.org/packages/NodaTimePicker/)\n[![Nuget](https://img.shields.io/nuget/dt/NodaTimePicker.svg)](https://www.nuget.org/packages/NodaTimePicker)\n[![Build Status](https://dev.azure.com/nodatimepicker/NodaTimePicker/_apis/build/status/Live%20Build?branchName=master)](https://dev.azure.com/nodatimepicker/NodaTimePicker/_build/latest?definitionId=1\u0026branchName=master)\n[![CodeFactor](https://www.codefactor.io/repository/github/nheath99/nodatimepicker/badge)](https://www.codefactor.io/repository/github/nheath99/nodatimepicker)\n[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=nheath99_NodaTimePicker\u0026metric=alert_status)](https://sonarcloud.io/dashboard?id=nheath99_NodaTimePicker)\n\nA Date/Time picker for [Blazor](https://github.com/aspnet/Blazor), using [NodaTime](https://github.com/nodatime/nodatime).\n\nView the [Demo](https://nodatimepicker.z13.web.core.windows.net/)\n\nThe aim of this project is to develop Date/Time picker components for Blazor applications, using NodaTime as the only dependency for Date and Time calculations, and CSS Grid for layout.\n\nIt is inspired by the very successful Javascript Date/Time picker developed by [TempusDominus](https://github.com/tempusdominus/bootstrap-4), though any dependencies on Bootstrap or jQuery have been removed - it is not simply a port of the code or interop, but a fresh start from a zero base.\n\n## Getting Started\n\n### Requirements\n\n- https://blazor.net/docs/get-started.html\n\nThe easiest way to get started is to look at the Demo project, which has samples for most of the functionality.\n\nThe library can be downloaded from NuGet by searching for: NodaTimePicker in NuGet Package Manager, or by executing the following command in the Package Manager Console:\n````shell\nPM\u003e Install-Package NodaTimePicker -Version 0.7.0\n````\nWhen using the component, you must add a using statement for NodaTime:\n````\n@using NodaTime\n````\n### Inline\n\nTo display a simple inline DatePicker, use the following code:\n````C#\n\u003cDatePicker Inline=true /\u003e\n````\n![DatePicker1](/docs/images/DatePicker1.png)\n\n## Bound to Input\n\nTo bind a DatePicker to an Input element, use Blazor event bindings:\n````C#\n\u003cinput type=\"text\" @onfocus=@focussed /\u003e\n\u003cDatePicker Visible=@visible Selected=@selected /\u003e\n\n@functions\n{\n    bool visible = false;\n    void focussed(UIFocusEventArgs e)\n    {\n        visible = true;\n    }\n    \n    void selected(LocalDate localDate)\n    {\n        visible = false;\n        StateHasChanged();\n    }\n}\n````\n![DatePicker1](/docs/images/DatePicker_BoundToInput.png)\n\n### First Day of Week\n\nSpecify any weekday as the first day of the week (default is Monday):\n\n````C#\n\u003cDatePicker Inline=true FirstDayOfWeek=IsoDayOfWeek.Thursday /\u003e\n````\n![DatePicker First Day of Week](/docs/images/DatePicker_FirstDayOfWeek.png)\n\n### Localization\n\nDisplay day and month names in the specified culture:\n````C#\n\u003cDatePicker Inline=true FormatProvider=\"@(new System.Globalization.CultureInfo(\"fr-FR\"))\" /\u003e\n````\n![DatePicker Localization](/docs/images/DatePicker_Localization.png)\n![DatePicker Localization Months](/docs/images/DatePicker_Localization_Months.png)\n\n### Disabled Days of Week\n\nDisable specific days of the week:\n````C#\n\u003cDatePicker Inline=true DaysOfWeekDisabled=@(new IsoDayOfWeek[] { IsoDayOfWeek.Monday, IsoDayOfWeek.Wednesday }) /\u003e\n````\n![DatePicker Disabled Days of Week](/docs/images/DatePicker_DaysOfWeekDisabled.png)\n\n### Additional Features\n- Min/Max selectable date\n- Specifit disabled dates\n- Disable specified date intervals\n- Custom header formats\n- Show/Hide action buttons\n\n## Future Development\n- Time picker\n- Date+Time picker\n- Date range picker\n- Date+Time range picker\n- Week picker\n- Month picker\n- Year picker\n- Support for different calendars\n- Timezone awareness\n- Locale support\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnheath99%2FNodaTimePicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnheath99%2FNodaTimePicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnheath99%2FNodaTimePicker/lists"}