{"id":19719162,"url":"https://github.com/radialapps/xunk-calendar","last_synced_at":"2025-06-20T23:32:56.535Z","repository":{"id":29644551,"uuid":"121781455","full_name":"radialapps/xunk-calendar","owner":"radialapps","description":"A simple calendar component for Angular 8+ and Angular Material","archived":false,"fork":false,"pushed_at":"2023-01-07T02:19:13.000Z","size":2764,"stargazers_count":3,"open_issues_count":31,"forks_count":2,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-05-19T16:49:30.157Z","etag":null,"topics":["angular","angular-components","angular-material","angular5","calendar-component","material"],"latest_commit_sha":null,"homepage":"https://radialapps.github.io/xunk-calendar/","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/radialapps.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":"2018-02-16T17:47:31.000Z","updated_at":"2019-11-27T22:18:42.000Z","dependencies_parsed_at":"2023-01-14T15:22:25.129Z","dependency_job_id":null,"html_url":"https://github.com/radialapps/xunk-calendar","commit_stats":null,"previous_names":[],"tags_count":31,"template":false,"template_full_name":null,"purl":"pkg:github/radialapps/xunk-calendar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radialapps%2Fxunk-calendar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radialapps%2Fxunk-calendar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radialapps%2Fxunk-calendar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radialapps%2Fxunk-calendar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/radialapps","download_url":"https://codeload.github.com/radialapps/xunk-calendar/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radialapps%2Fxunk-calendar/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260966327,"owners_count":23090065,"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":["angular","angular-components","angular-material","angular5","calendar-component","material"],"created_at":"2024-11-11T23:06:38.855Z","updated_at":"2025-06-20T23:32:51.523Z","avatar_url":"https://github.com/radialapps.png","language":"TypeScript","readme":"# XunkCalendar\n\nXunkCalendar is a simple calendar component with material design designed for Angular 6+ and Angular Material (might work with earlier versions too!). It allows creation of a heatmap for dates (with strange syntax, since this was designed for a specific project). Check the demo app's source for how to do this.\nA live demo can be found at https://radialapps.github.io/xunk-calendar/\n\n[![Build Status](https://travis-ci.org/radialapps/xunk-calendar.svg?branch=master)](https://travis-ci.org/radialapps/xunk-calendar)\n\n[![demo](https://img.shields.io/badge/demo-online-ed1c46.svg)](https://radialapps.github.io/xunk-calendar/)\n[![Maintainability](https://api.codeclimate.com/v1/badges/83af59f2a3f6e593e4dc/maintainability)](https://codeclimate.com/github/radialapps/xunk-calendar/maintainability)\n[![Codacy Badge](https://api.codacy.com/project/badge/Grade/3b4ce4ee34a74d428aed7826c70f7c47)](https://www.codacy.com/app/pulsejet/xunk-calendar?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=radialapps/xunk-calendar\u0026amp;utm_campaign=Badge_Grade)\n\n[![GitHub version](https://badge.fury.io/gh/radialapps%2Fxunk-calendar.svg)](https://badge.fury.io/gh/radialapps%2Fxunk-calendar)\n[![GitHub license](https://img.shields.io/github/license/radialapps/xunk-calendar.svg)](https://github.com/radialapps/xunk-calendar/blob/master/LICENSE)\n[![Dependencies](https://david-dm.org/radialapps/xunk-calendar/status.svg)](https://david-dm.org/radialapps/xunk-calendar)\n[![Dev Dependencies](https://david-dm.org/radialapps/xunk-calendar/dev-status.svg)](https://david-dm.org/radialapps/xunk-calendar?type=dev)\n\n[![npm version](https://badge.fury.io/js/xunk-calendar.svg)](https://badge.fury.io/js/xunk-calendar)\n\n# Installation\n\nThe package is hosted on npm, so you can install it just by\n\n```Bash\nnpm install xunk-calendar\n```\n\n# Usage\n\nFirst, import `XunkCalendarModule` into `app.module`. You may then use the component as\n```HTML\n\u003cxunk-calendar [selectedDate]=\"selDate\"\u003e\u003c/xunk-calendar\u003e\n```\n\n`selectedDate` binds to a JSON object of the following format (say for 2018-02-16):\n```javascript\n{\n  date: 16,\n  month: 1,\n  year: 18\n}\n```\n\nNote that month starts with 0, but date starts with 1. To quickly make the initial selected date to today, you may do\n```typescript\nselDate = XunkCalendarModule.getToday();\n```\n\n# Dependencies\nThe component makes use of `mat-icon` and `mat-button` from `@angular/material`. You may need other dependencies in `package.json` to build the module.\n\n# Known Issues\nCurrently, the selectedDate object has to be initialized properly, and a minimal initialization looks like\n```typescript\npublic selDate = { date:1, month:1, year:1 };\n\nngOnInit() {\n  this.selDate = XunkCalendarModule.getToday();\n}\n```\n\n# Contributing\nContributing is free! You are welcome to criticize, help write code, file bugs or give me a lesson on how to properly comment code! If there is one thing, since circleci's build will test for it, it is absolutely imperative to lint your code (with `ng lint`).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fradialapps%2Fxunk-calendar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fradialapps%2Fxunk-calendar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fradialapps%2Fxunk-calendar/lists"}