Skip to main content

Public

Project privacy set to public. By default, its content is available to everyone (authenticated or not). Please note that more restrictive permissions might exist on some items.

    •  
      code_for_government #473882
    Code improvement suggestions, New Feature development
    Academic Bank of Credits
    Develop a Customizable Calendar to Select Date of Birth Within a Desired Year Range – Academic Bank of Credits
    Empty
    Active
    JavaScript/ TypeScript, HTML/CSS
    Medium
    Empty

    Develop a customizable calendar component that allows administrators or developers to define the range of years displayed, based on context. For example, on a high school result portal, we only want students to select a Date of Birth from a realistic range (e.g., 2005 to 2010). The calendar should prevent selection outside this range for a better user experience and data accuracy.

    Objectives:

    1. Create a reusable date picker/calendar component.

    2. Allow year range customization via parameters (e.g., minYear, maxYear).

    3. Support UI frameworks such as React, Vue, or vanilla JS (specify your choice in the pull request).

    4. Ensure accessibility and mobile responsiveness.

    5. Provide a demo or usage example (e.g., a simple form).

    Features Required:

    1. Props or config for: minYear (e.g., 2005) maxYear (e.g., 2010)

    2. Disable years outside the configured range.

    3. Optional: Disable future dates if configured.

    4. Light-weight and easily embeddable in existing UI.

    1. A reusable calendar component that allows users to select a Date of Birth only within a specified range of years (e.g., 2005–2010).

    2. Component should accept configurable inputs like minYear and maxYear.

    3. Years outside the configured range should be disabled or hidden from the UI.

    4. The calendar should be responsive, accessible, and work smoothly on desktop and mobile devices.

    5. A demo page or usage example showcasing how to integrate and use the calendar in a typical form.

    6. Well-commented, clean code with basic documentation explaining setup and customization options.

    1. Clone the Repository: Start by cloning the project’s repository.
    2. Create a Branch: Use Git to create your branch for the task.
    3. Generate a Pull Request: After completing your audit, submit your findings by generating a pull request.

    https://openforge.gov.in/plugins/git/abc-collabwithgov/CustomizableCalendar.git

    2025-05-01
    2025-05-01 13:23
    2025-06-30

    Organization Type: Government Publisher Name: Academic Bank of Credits (Digital India Corporation)

    Naveen Rastogi (naveen10r), Sanjay Patel (sanjay_patel)
    Empty
    Empty
    #473882
    Display settings

    Follow-ups

    User avatar
    Kowtharapu Yashwanth Balakumar (yashwanthbalakumar)2025-06-02 16:40

    I’m very interested in contributing to the project and becoming part of the community. I have experience in frontend development, and I’m eager to apply my skills while learning from others.

    User avatar
    Bhargav Ditani (bhargavditani)2025-05-31 00:25
    Hi,
    I've cloned the repository and made some changes in my branch. However, I'm having trouble pushing my code due to permission issues. I'm getting this error: fatal: remote error: FATAL: W any abc-collabwithgov/CustomizableCalendar DENIED by fallthru. Could you please grant me access to the project/repository?
    User avatar
    Sanjay Patel (sanjay_patel)2025-05-22 10:29
    • Title
      -Develop a Customizable Calendar to Select Date of Birth Within a Desired Year Range 
      +Develop a Customizable Calendar to Select Date of Birth Within a Desired Year Range – Academic Bank of Credits