{"id":15099561,"url":"https://github.com/codaline-io/ionic-datepicker","last_synced_at":"2025-10-08T05:30:59.985Z","repository":{"id":39653024,"uuid":"247038647","full_name":"codaline-io/ionic-datepicker","owner":"codaline-io","description":"A datepicker component for ionic","archived":true,"fork":false,"pushed_at":"2022-05-29T10:05:30.000Z","size":663,"stargazers_count":2,"open_issues_count":0,"forks_count":2,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-10-02T07:01:18.766Z","etag":null,"topics":["date","datepicker","ionic","stenciljs","webcomponent"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codaline-io.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}},"created_at":"2020-03-13T09:53:01.000Z","updated_at":"2023-01-28T00:24:15.000Z","dependencies_parsed_at":"2022-09-13T03:10:28.039Z","dependency_job_id":null,"html_url":"https://github.com/codaline-io/ionic-datepicker","commit_stats":null,"previous_names":[],"tags_count":25,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codaline-io%2Fionic-datepicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codaline-io%2Fionic-datepicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codaline-io%2Fionic-datepicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codaline-io%2Fionic-datepicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codaline-io","download_url":"https://codeload.github.com/codaline-io/ionic-datepicker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235683861,"owners_count":19029079,"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":["date","datepicker","ionic","stenciljs","webcomponent"],"created_at":"2024-09-25T17:23:39.095Z","updated_at":"2025-10-08T05:30:52.618Z","avatar_url":"https://github.com/codaline-io.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D\u0026colorA=16161d\u0026style=flat-square)\n\n# ionic-datepicker [![Build Status](https://github.com/codaline-io/ionic-datepicker/workflows/CI/badge.svg)](https://github.com/codaline-io/ionic-datepicker/actions/)\n\nThis is a datepicker component for ionic projects. It is using [js-datepicker](https://www.npmjs.com/package/js-datepicker) in an [ion-popover](https://ionicframework.com/docs/api/popover) with the possibility to use an [ion-datetime](https://ionicframework.com/docs/api/datetime) component on mobile devices.\n\n## [Live Demo \u0026 Preview](https://codaline-io.github.io/ionic-datepicker)\n\n\u003cimg width=\"300\" alt=\"Bildschirmfoto 2020-03-22 um 16 03 06\" src=\"https://user-images.githubusercontent.com/2264672/77252861-fe709600-6c56-11ea-8a61-d8ba12260c5f.png\"\u003e\n\u003cimg width=\"300\" alt=\"Bildschirmfoto 2020-03-22 um 16 04 05\" src=\"https://user-images.githubusercontent.com/2264672/77252864-02041d00-6c57-11ea-9671-d02157733ab6.png\"\u003e\n\u003cimg width=\"300\" alt=\"Bildschirmfoto 2020-03-22 um 16 04 10\" src=\"https://user-images.githubusercontent.com/2264672/77252865-04667700-6c57-11ea-8fce-8a3e2e08a6c0.png\"\u003e\n\u003cimg width=\"300\" alt=\"Bildschirmfoto 2020-03-22 um 16 05 05\" src=\"https://user-images.githubusercontent.com/2264672/77252866-06303a80-6c57-11ea-93fc-9a6c89261438.png\"\u003e\n\n## Setup\n\n### Requirements\n\n- Install [`js-datepicker`](https://www.npmjs.com/package/js-datepicker)\n- Make them globally available (on `window`) load `js-datepicker` css (in an angular project, just add them to your `angular.json` as scripts and styles)\n- Keep in mind that it is only usable in an ionic project\n\n### Script tag\n\n- Put a script tag similar to this `\u003cscript src='https://unpkg.com/@codaline-io/ionic-datepicker@VERSION/dist/ionic-datepicker.js'\u003e\u003c/script\u003e` in the head of your index.html\n- Then you can use the element anywhere in your template, JSX, html etc\n\n### Node Modules\n- Run `npm install @codaline-io/ionic-datepicker --save`\n- Put a script tag similar to this `\u003cscript src='node_modules/@codaline-io/ionic-datepicker/dist/ionic-datepicker.js'\u003e\u003c/script\u003e` in the head of your index.html\n- Then you can use the element anywhere in your template, JSX, html etc\n\n### In a stencil-starter app\n- Run `npm install @codaline-io/ionic-datepicker --save`\n- Add an import to the npm packages `import @codaline-io/ionic-datepicker;`\n- Then you can use the element anywhere in your template, JSX, html etc\n\n### In other frameworks\n\n- Check stenciljs [framework integration documentation](https://stenciljs.com/docs/overview)\n\n## Usage\n\n- After the setup use `ionic-datepicker` as tag in your ionic pwa\n\n### Configuration\n\n- For configration and translations check the [component readme](https://github.com/codaline-io/ionic-datepicker/blob/master/src/components/ionic-datepicker/readme.md)\n\n### Styling\n\n- Styling/theming is done with css-variables.\n- All css variables can be found in the [variables.css](https://github.com/codaline-io/ionic-datepicker/blob/master/src/components/variables.css)\n- All color/background variables are using ionic css variables per default\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodaline-io%2Fionic-datepicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodaline-io%2Fionic-datepicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodaline-io%2Fionic-datepicker/lists"}