{"id":24115715,"url":"https://github.com/sopraux/ionic-onezone-datepicker-extended","last_synced_at":"2026-05-10T22:51:28.941Z","repository":{"id":58232575,"uuid":"85172428","full_name":"sopraux/ionic-onezone-datepicker-extended","owner":"sopraux","description":"A fork of onezone-datepicker for making startDate and endDate as dynamic modificable dates","archived":false,"fork":false,"pushed_at":"2017-06-23T08:19:56.000Z","size":4916,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2026-01-29T12:13:56.250Z","etag":null,"topics":["datepicker","ionic","ionic-framework"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sopraux.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-03-16T08:40:11.000Z","updated_at":"2017-03-16T13:31:01.000Z","dependencies_parsed_at":"2022-08-30T22:30:29.662Z","dependency_job_id":null,"html_url":"https://github.com/sopraux/ionic-onezone-datepicker-extended","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/sopraux/ionic-onezone-datepicker-extended","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sopraux%2Fionic-onezone-datepicker-extended","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sopraux%2Fionic-onezone-datepicker-extended/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sopraux%2Fionic-onezone-datepicker-extended/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sopraux%2Fionic-onezone-datepicker-extended/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sopraux","download_url":"https://codeload.github.com/sopraux/ionic-onezone-datepicker-extended/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sopraux%2Fionic-onezone-datepicker-extended/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32874700,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-10T13:40:02.631Z","status":"ssl_error","status_checked_at":"2026-05-10T13:40:02.145Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["datepicker","ionic","ionic-framework"],"created_at":"2025-01-11T06:14:34.215Z","updated_at":"2026-05-10T22:51:28.923Z","avatar_url":"https://github.com/sopraux.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Description #\n\nThis is an extension of Ionic's Onezone Datepicker that makes the plugin flexible to change start and end dates\n\n- [Ionic market Onezone Datepicker](https://market.ionic.io/plugins/onezone-datepicker)\n- [Repository Onezone Datepicker](https://bitbucket.org/sergiu_butnarasu/onezonedatepicker.git)\n\nCredits to Sopra Steria Digital SC team \u003cdigital@sopra.com\u003e\n\n# Introduction #\n\nOnezone Datepicker is a flexible datepicker widget that can be used in your Ionic Framework applications. Git repository: https://github.com/sopraux/ionic-onezone-datepicker-extended\n\n### Who to use? ###\n\nInstall ionic-onezone-datepicker-extended using bower:\n\n\tbower install ionic-onezone-datepicker-extended --save\n\nOr download the file and copy it in your \"lib\" directory (lib/onezone-datepicker/dist/onezone-datepicker.min.js)\n\n1) Include Onezone Datepicker in your index.html file\n\n    \u003cscript src=\"lib/onezone-datepicker/dist/onezone-datepicker.min.js\"\u003e\u003c/script\u003e\n\n2) Inject the `onezone-datepicker` dependency in your application\n\n    angular.module('starter', ['ionic', 'onezone-datepicker'])\n\n3) Create a Onezone Datepicker object for your needs\n\n\t$scope.onezoneDatepicker = {\n        date: date, // MANDATORY \t\t\t\t\t\n        mondayFirst: false,\t\t\t\t\n        months: months,\t\t\t\t\t\n        daysOfTheWeek: daysOfTheWeek, \t\n        startDate: startDate, \t\t\t\n        endDate: endDate,\t\t\t\t\t\n        disablePastDays: false,\n        disableSwipe: false,\n        disableWeekend: false,\n        disableDates: disableDates,\n        disableDaysOfWeek: disableDaysOfWeek,\n        showDatepicker: false,\n        showTodayButton: true,\n        calendarMode: false,\n        hideCancelButton: false,\n        hideSetButton: false,\n        highlights: highlights\n        callback: function(value){\n\t\t\t// your code\n\t\t}\n    };\n\n4) Use the code below in your html file (don't forget to add `show-onezone-datepicker` on your button element)\n\n    \u003conezone-datepicker datepicker-object=\"onezoneDatepicker\"\u003e\n        \u003cbutton class=\"button button-block button-outline button-positive show-onezone-datepicker\"\u003e\n            {{  \"{{onezoneDatepicker.date | date:'dd MMMM yyyy'}\\}\"   }}\n        \u003c/button\u003e\n    \u003c/onezone-datepicker\u003e\n\n\n### Options ###\n\n1) **date** (Mandatory)\n\nRepresent the date object. Default is the current date, but you can give it any date. When the set button is clicked this object will be changed with the selected date.\n\n2) **mondayFirst** (Optional)\n\nIf you want the calendar to start with Monday set this flag to `true`\n\n3) **months** (Optional)\n\nYou can give your own list of months. Default: `['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']`\n\n4) **daysOfTheWeek** (Optional)\n\nPass your own days of the week list. Default: `['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']`\n\n5) **startDate** (Optional)\n\nYou can specify the start date of the datepicker. (`new Date(1989, 1, 26)`)\n\n6) **endDate** (Optional)\n\nSame as startDate, you can specify the end date of the datepicker. (`new Date(2024, 1, 26)`)\n\n7) **disablePastDays** (Optional)\n\nSetting this flag you will be able to disable dates before the current date\n\n8) **disableSwipe** (Optional)\n\nThis flag is used to disable swipe events on the datepicker\n\n9) **disableWeekend** (Optional)\n\nYou can disable weekends\n\n10) **disableDates** (Optional)\n\nYou can define a list of dates that will be disabled in the datepicker (`[new Date(2016, 1, 15), new Date(2016, 2, 16), new Date(2016, 3, 17)]`)\n\n11  **disableDaysOfWeek** (Optional)\n\nYou can disable dates by days of week. Example:\n\n     disableDaysOfWeek: [0,1] // will disable all Sunday and Monday. (0 - Sunday, 1 - Monday)\n\n12) **showDatepicker** (Optional)\n\nUsing this variable you can make the datepicker to be visible as default. Also you can set this flag in runtime in order to show or hide the datepicker\n\n13) **showTodayButton** (Optional)\n\nHide/Show today button.\n\n`NOTE: If the current date is disabled by disableWeekend or disableDates the button will automatically disappear`\n\n14) **calendarMode** (Optional)\n\nIf you set this flag, the datepicker will go in calendar mode. Set, cancel and today button will disappear and when a user is selecting a date the callback method will be triggered.\n\n15) **hideCancelButton** (Optional)\n\nHide Cancel button\n\n16) **hideSetButton** (Optional)\n\nHide Set button.\n\n`NOTE: If you hide the set button, when the user selects the date, the datepicker will collapse and the date will be set`\n\n17) **highlights** (Optional)\n\nYou can pass a list of objects to highlight dates. Example:\n\n    [\n        {\n            date: new Date(2016, 1, 7),\n            color: '#8FD4D9',\n            textColor: '#fff'\n        },\n        {\n            date: new Date(2016, 1, 18)\n        },\n        {\n            date: new Date(2016, 1, 19)\n        },\n        {\n            date: new Date(2016, 1, 20)\n        }\n    ]\n\n18) **callback** (Optional)\n\nRepresent the callback function\n\n\n### Thanks ###\n\n[Chris Harrington](https://www.codementor.io/angularjs/tutorial/angularjs-calendar-directives-less-cess-moment-font-awesome) for inspiring me\n\n[deeepu](https://dribbble.com/deeepu) for your Nexus mockup\n\n[Sopra Steria Digital SC team](https://github.com/sopraux/) for adapting the onezone-datepicker plugin for our needs\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsopraux%2Fionic-onezone-datepicker-extended","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsopraux%2Fionic-onezone-datepicker-extended","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsopraux%2Fionic-onezone-datepicker-extended/lists"}