https://github.com/capjamesg/calendar-date
A web component to show calendar dates on your website.
https://github.com/capjamesg/calendar-date
calendar web-component
Last synced: 7 months ago
JSON representation
A web component to show calendar dates on your website.
- Host: GitHub
- URL: https://github.com/capjamesg/calendar-date
- Owner: capjamesg
- License: cc0-1.0
- Created: 2024-01-08T19:00:13.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-08T23:19:31.000Z (over 2 years ago)
- Last Synced: 2025-10-04T14:04:56.301Z (10 months ago)
- Topics: calendar, web-component
- Language: JavaScript
- Homepage: https://capjamesg.github.io/calendar-date/
- Size: 10.7 KB
- Stars: 2
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# calendar-date
A web component to show calendar dates on your website.
## Use the Component on Your Website
To use the component on your website, first copy the `calendar-date.js` file onto your website.
Add references to this file in the `` tag of the page on which you want to use the component:
```html
```
Create a new `` tag on your web page and add the following code:
```html
.date-container {
border: 1px solid red;
display: inline-block;
max-width: 100%;
min-width: 75px;
text-align: center;
border-radius: 5px;
}
.date-month {
padding: 5px;
color: white;
background-color: red;
}
.date-day {
font-size: 2rem;
font-weight: bold;
padding: 5px;
}
```
Adjust the styles as necessary.
Then, add the `` component to your website:
```html
```
The component will appear on your website.
## License
This project is licensed under a [Creative Commons Zero](LICENSE) license.