https://github.com/ryzmdn/dynamic-calendar

A dynamic calendar is an interactive element on a web page that displays dates for a specific month or time range.
https://github.com/ryzmdn/dynamic-calendar

calendar css dynamic-calendar html javascript

Last synced: 2 days ago
JSON representation

A dynamic calendar is an interactive element on a web page that displays dates for a specific month or time range.

• Host: GitHub
• URL: https://github.com/ryzmdn/dynamic-calendar
• Owner: ryzmdn
• Created: 2024-09-29T02:44:13.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-10-20T02:12:26.000Z (2 months ago)
• Last Synced: 2024-10-25T20:29:05.790Z (2 months ago)
• Topics: calendar, css, dynamic-calendar, html, javascript
• Language: JavaScript
• Homepage: https://ryzmdn.github.io/dynamic-calendar/
• Size: 232 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Dynamic Calendar

A dynamic calendar is an interactive element on a web page that displays dates for a specific month or time range. This calendar is created using HTML, CSS, and javascript with a minimalist User Interface design for easy readability. There are 12 calendars from January to December, corresponding to the number of months in a year.

## Features

- Automatic date marker

- Automatically generate dates in each month

- Can generate dates in different years

## How does it work?

- **Automatic Marker**: Detecting dates in each month is different, if the date this month is the same as today, the marker will automatically indicate today's date.

- **Automatically generate dates**: Detecting mixed dates in this month with the previous or following month, if the date falls outside of this month, then the date will have a slightly faded color compared to the dates in this month.

- **Forever generate**: Every year changes, the calendar automatically generates for 12 months with different dates from the previous year, so no need to edit again if the year has changed.

## Screenshot

![Preview image](https://github.com/user-attachments/assets/3e95febc-a2a5-4fe0-a589-07f87888823e)

## Installation

Clone this repository using the steps below.

```bash

  # Clone repository

  git clone https://github.com/ryzmdn/dynamic-calendar.git

  # Change directory folder

  cd dynamic-calendar

  # Open code editor

  code .

```

## Support

For support, email **[email protected]**.

## Feedback

If you have any feedback, please reach out to us at **[email protected]**

## License

No License