Improve UI Consistency for Date of Birth Calendar on User Profile Page

[Adhish1612Acharya]

Description

On the user profile page, the calendar field used to select the date of birth is inconsistent with the design of calendars used on other pages of the website. The current calendar UI does not match the rest of the site, leading to a lack of uniformity in the user interface.

Steps to Reproduce

1. Navigate to the user profile page.
2. Click on the date of birth field.
3. Observe the calendar UI compared to those on other pages.

Expected Behavior

The calendar UI for selecting the date of birth should match the design and appearance of the calendar UI used on other pages of the website to ensure consistency and a seamless user experience.

Actual Behavior

The calendar UI on the user profile page appears different in design compared to the calendars used on other pages of the site.

Suggested Solution

• Update the calendar UI on the user profile page to match the style, color scheme, and overall design of the calendar used on other pages.
• Ensure that the new calendar UI maintains accessibility and usability standards across the website.

Impact

This change will improve the consistency and aesthetic of the user interface, leading to a better overall user experience.

Screenshots

Current Calendar UI (User Profile Page):

Updated Calendar UI (Other Pages):

[github-actions]

Congratulations on making your first Issue! 🎊 If you haven't already, check out our Contributing Guidelines and Issue Reporting Guidelines to ensure that you are following our guidelines for contributing and making issues.

[Adhish1612Acharya]

@palisadoes i would like to work on this issue please assign it to me

[Singh-Amarjot]

i would like to work on it
pls assign the issue to me

[Adhish1612Acharya]

@Singh-Amarjot
Thank you for your interest! This issue is currently assigned to me, and I’m actively working on it. I’ll update progress here and reach out if I need help. Appreciate your willingness to contribute!

[Singh-Amarjot]

@Adhish1612Acharya its okay brother thnakyou fr your response

[yashheda5]

Hey I would like to work on the project

[Abh1xh3k]

Hi! please assign me this issue to me . I'll complete this within 1 week.

[Adhish1612Acharya]

@Abh1xh3k Thank you for your interest in this issue! I wanted to let you know that I’ve already completed the work and will be creating the pull request shortly. I appreciate your understanding and enthusiasm.

[k-vijay-05]

@dhanagopu Is the issue still open? Can I work on this?

[dhanagopu]

@k-vijay-05 This issue has already been assigned, please don't ask to be assigned. We want everyone to get a chance.

[shivasankaran18]

Can I work on this @dhanagopu @palisadoes ..?

[gurramkarthiknetha]

If no one is currently working on this issue, I would like to take it on. Please assign it to me.

[palisadoes]

@Adhish1612Acharya Are you still working on this?

[Faizankhan1104]

I've identified and fixed the issue, ensuring everything is working as expected. The solution is now ready, and I am about to create the pull request for review

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[palisadoes]

unassigning inactivity

[Faizankhan1104]

@palisadoes Please assigned it to me I am working on it

[Faizankhan1104]

I got 2 test cases failed any suggestion how to tackle

[palisadoes]

We created an this issue to do basic changes to the CSS colors for consistency

• Update src/style/app.module.css to New Color Scheme #2880
• Updating to NEW COLOR SCHEME #2984

The resulting PR created a comprehensive design system for the entire app. This was unexpected. The approach was a long term goal that became immediately implementable. We had to act promptly.

We have just merged the PR. There will be a follow up PR to adjust some colors as the Figma design has lettering that is sometimes hard to read.

When this is done we'll need your assistance to merge the screens into the develop branch with this issue.

If your screens have not been affected, then you should use the new methodology to refactor them.

This is an extraordinary circumstance. I hope you will appreciate the decision.

[palisadoes]

Please proceed. The changes mentioned previously are mostly in components

[Faizankhan1104]

I successfully implemented the change but am currently facing issues with testing the MUI DatePicker.

[Faizankhan1104]

Could you suggest the best approach for testing it?

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[palisadoes]

Unassigning. Inactivity

[Shashankpantiitbhilai]

Can you please assign me this issue?