{"id":13480612,"url":"https://github.com/kenhyuwa/litepie-datepicker","last_synced_at":"2025-12-25T05:29:18.394Z","repository":{"id":37500977,"uuid":"344910378","full_name":"kenhyuwa/litepie-datepicker","owner":"kenhyuwa","description":"Litepie Datepicker is a date range picker component for Vue.js and Tailwind CSS, dependent to day.js.","archived":false,"fork":false,"pushed_at":"2022-12-29T15:31:27.000Z","size":763,"stargazers_count":374,"open_issues_count":53,"forks_count":74,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-03-15T10:35:06.847Z","etag":null,"topics":["litepie","litepie-datepicker","vue-datepicker","vue-daterange-picker"],"latest_commit_sha":null,"homepage":"https://litepie.com","language":"Vue","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/kenhyuwa.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}},"created_at":"2021-03-05T19:16:44.000Z","updated_at":"2025-02-16T13:34:43.000Z","dependencies_parsed_at":"2023-01-31T09:15:47.853Z","dependency_job_id":null,"html_url":"https://github.com/kenhyuwa/litepie-datepicker","commit_stats":null,"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kenhyuwa%2Flitepie-datepicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kenhyuwa%2Flitepie-datepicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kenhyuwa%2Flitepie-datepicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kenhyuwa%2Flitepie-datepicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kenhyuwa","download_url":"https://codeload.github.com/kenhyuwa/litepie-datepicker/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245835878,"owners_count":20680284,"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":["litepie","litepie-datepicker","vue-datepicker","vue-daterange-picker"],"created_at":"2024-07-31T17:00:42.480Z","updated_at":"2025-12-25T05:29:18.386Z","avatar_url":"https://github.com/kenhyuwa.png","language":"Vue","funding_links":[],"categories":["UI Libraries, Components \u0026 Templates"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003ca href=\"#\" target=\"_blank\"\u003e\n      \u003cimg alt=\"Litepie Datepicker\" width=\"100\" style=\"border-radius: 100%;\" src=\"https://raw.githubusercontent.com/kenhyuwa/litepie-datepicker/main/assets/logo.png\"\u003e\n    \u003c/a\u003e\u003cbr\u003e\u003cbr\u003e\n    Litepie Datepicker is a date range picker component for Vue.js and Tailwind CSS, dependent to day.js.\n\u003c/p\u003e\n\n---\n\n## Documentation\n\nFor full documentation, visit [litepie.com](https://litepie.com).\n\n## Simple Usage\n\nHow it works,\n\n```vue\n\u003ctemplate\u003e\n  \u003cdiv\u003e\n    \u003clitepie-datepicker\n      ref=\"myRef\"\n      :formatter=\"formatter\"\n      v-model=\"dateValue\"\n    /\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\nimport { ref } from 'vue';\nimport LitepieDatepicker from 'litepie-datepicker';\n\nexport default {\n  components: {\n    LitepieDatepicker\n  },\n  setup() {\n    const myRef = ref(null);\n    const dateValue = ref([]);\n    const formatter = ref({\n      date: 'DD MMM YYYY',\n      month: 'MMM'\n    });\n\n    return {\n      myRef,\n      dateValue,\n      formatter\n    };\n  }\n};\n\u003c/script\u003e\n```\n\n## Theming options\n- Light mode\n\n  \u003cp align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/kenhyuwa/litepie-datepicker/main/assets/light-mode.png\" alt=\"Light mode\" /\u003e\n  \u003c/p\u003e\n\n- Dark mode\n  \u003cp align=\"center\"\u003e\n      \u003cimg src=\"https://raw.githubusercontent.com/kenhyuwa/litepie-datepicker/main/assets/dark-mode.png\" alt=\"Dark mode\" /\u003e\n  \u003c/p\u003e\n\n## Changelog\nAll notable changes to this project will be documented in this file, [Read](CHANGELOG.md).\n\n## License\nThe [MIT](LICENSE) License. Please [see](http://opensource.org/licenses/MIT) for more information.\n\n## Thanks to\n- [Vue](https://v3.vuejs.org/)\n- [Tailwind CSS](https://tailwindcss.com/)\n- [day.js](https://day.js.org/)\n- and other support...\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkenhyuwa%2Flitepie-datepicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkenhyuwa%2Flitepie-datepicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkenhyuwa%2Flitepie-datepicker/lists"}