{"id":19197510,"url":"https://github.com/rikulo/bootjack-datepicker","last_synced_at":"2025-04-16T14:40:17.729Z","repository":{"id":10637033,"uuid":"12862506","full_name":"rikulo/bootjack-datepicker","owner":"rikulo","description":"Date picker for Bootjack","archived":false,"fork":false,"pushed_at":"2024-07-19T05:31:27.000Z","size":1083,"stargazers_count":17,"open_issues_count":1,"forks_count":9,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-11-09T12:17:06.242Z","etag":null,"topics":["calendar","dart","datepicker"],"latest_commit_sha":null,"homepage":"https://quire.io","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rikulo.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2013-09-16T08:41:42.000Z","updated_at":"2024-07-19T05:31:30.000Z","dependencies_parsed_at":"2023-01-13T16:03:53.760Z","dependency_job_id":"684cb24a-61ac-4141-aaca-3eaf1cd0c360","html_url":"https://github.com/rikulo/bootjack-datepicker","commit_stats":{"total_commits":96,"total_committers":5,"mean_commits":19.2,"dds":"0.17708333333333337","last_synced_commit":"ae550936814c9fb378f614c5275a9f9bcde33cfa"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rikulo%2Fbootjack-datepicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rikulo%2Fbootjack-datepicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rikulo%2Fbootjack-datepicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rikulo%2Fbootjack-datepicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rikulo","download_url":"https://codeload.github.com/rikulo/bootjack-datepicker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224944600,"owners_count":17396256,"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":["calendar","dart","datepicker"],"created_at":"2024-11-09T12:17:04.442Z","updated_at":"2024-11-16T17:04:26.128Z","avatar_url":"https://github.com/rikulo.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bootjack Datepicker\r\n\r\nBootjack datepicker component is a datepicker component of [Bootjack](http://github.com/rikulo/bootjack).\r\n\r\n* [API Reference](https://pub.dev/documentation/bootjack_datepicker/latest/)\r\n* [Git Repository](https://github.com/rikulo/bootjack-datepicker)\r\n* [Discussion](http://stackoverflow.com/questions/tagged/rikulo)\r\n* [Issues](https://github.com/rikulo/bootjack-datepicker/issues)\r\n\r\n## Install from Dart Pub Repository\r\n\r\nInclude the following in your `pubspec.yaml`:\r\n\r\n    dependencies:\r\n      bootjack_datepicker: any\r\n\r\nThen run the [Pub Package Manager](http://pub.dartlang.org/doc) in Dart Editor (Tool \u003e Pub Install). If you are using a different editor, run the command\r\n(comes with the Dart SDK):\r\n\r\n    pub install\r\n\r\n## Usage\r\n\r\nFirst of all in your HTML file, you need to include the CSS resource:\r\n```html\r\n\t\u003chead\u003e\r\n\t\t...\r\n\t\t\u003clink rel=\"stylesheet\" href=\"packages/bootjack_datepicker/css/bootjack-datepicker.min.css\"\u003e\r\n\t\u003c/head\u003e\r\n```\r\n### Embedded calendar\r\n\r\nTo create a calendar component to your HTML page, add `class=\"calendar\"` to the element you want to attach to (most typically this would be the `\u003cdiv\u003e`), \r\nthen you can specify `data-date` and `data-format` to the element for specify a default value and date format.\r\n```html\r\n\t\u003cdiv class=\"calendar\" data-date=\"2013/09/16\" data-format=\"yyyy/MM/dd\"\u003e\u003c/div\u003e\r\n```\r\nThen call the following global registration in Dart:\r\n```javascript\r\n\tvoid main() {\r\n\t\tCalendar.use();\r\n```\r\n### Datepicker\r\n\r\nUsing a calendar component in a dropdown div element as a date picker component, add `class=\"calendar\"` to the element you want to attach to, \r\nthen add the `data-target` attribute with the ID or class of the element that you want to display the date value.\r\n```html\r\n\t\u003cdiv class=\"input-group\"\u003e\r\n\t\t\r\n\t  \u003cinput id=\"inp\" type=\"text\" class=\"form-control\"\u003e\r\n\t  \r\n\t  \u003cdiv class=\"input-group-btn\"\u003e\r\n\t\t\r\n\t\t\u003cbutton id=\"btn\" class=\"btn btn-default dropdown-toggle\" \r\n\t\t\ttype=\"button\" data-toggle=\"dropdown\"\u003e\r\n\t\t  \u003cspan class=\"glyphicon glyphicon-calendar\"\u003e\u003c/span\u003e\r\n\t\t\u003c/button\u003e\r\n\t\t\r\n\t\t\u003cdiv class=\"dropdown-menu\" \u003e\r\n\t\t\t\u003cdiv class=\"calendar\" data-date=\"2013/09/16\" data-format=\"yyyy/MM/dd\"\r\n\t\t\t\tdata-target=\"#inp\"\u003e\u003c/div\u003e\r\n\t\t\u003c/div\u003e\r\n\t\t\r\n\t  \u003c/div\u003e\r\n\t\u003c/div\u003e\r\n```\r\nThen call the following global registration in Dart:\r\n```javascript\r\n\tvoid main() {\r\n\t\tCalendar.use();\r\n\t}\r\n```\r\nCheck more [examples](https://github.com/rikulo/bootjack-datepicker/tree/master/example).\r\n\t\r\n## Notes to Contributors\r\n\r\n### Test and Debug\r\n\r\nYou are welcome to submit [bugs and feature requests](https://github.com/rikulo/bootjack-datepicker/issues). Or even better if you can fix or implement them!\r\n\r\n### Fork Bootjack Datepicker\r\n\r\nIf you'd like to contribute back to the core, you can [fork this repository](https://help.github.com/articles/fork-a-repo) and send us a pull request, when it is ready.\r\n\r\nPlease be aware that one of Rikulo's design goals is to keep the sphere of API as neat and consistency as possible. Strong enhancement always demands greater consensus.\r\n\r\nIf you are new to Git or GitHub, please read [this guide](https://help.github.com/) first.\r\n\r\n## Who Uses\r\n\r\n* [Quire](https://quire.io) - a simple, collaborative, multi-level task management tool.\r\n* [Keikai](https://keikai.io) - a sophisticated spreadsheet for big data\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frikulo%2Fbootjack-datepicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frikulo%2Fbootjack-datepicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frikulo%2Fbootjack-datepicker/lists"}