Add warning for when user tries to load data prior to 2024

[cottonchristopher]

Overview

We need to limit the Datepicker on our map controls to only display years that our app has loaded because we don't want to confuse users when no data appears on the map

Details/Additional information

We should give the user a way to find out that certain dates are not available via an info button near the date picker.

Action Items

• Handoff when ready (will be done in the epic Add Feedback For Users Requesting Unavailable Dates #1680)

Anna

• Evaluate/redesign existing popover component
• Gather feedback on popover/iterations
• Document user interaction
• Add designs to Handoff page in Figma

Resources/Instructions

REPLACE THIS TEXT -If there is a website which has documentation that helps with this issue provide the link(s) here.

Original Issue: #1664
Datepicker Info text:

311-Data is currently only able to load 311 service request data in 2024 and onwards. For updates on the release of available 311 Data, please follow our LinkedIn page at https://www.linkedin.com/company/hack-for-la/.

Screenshot of "Request Types" Info Icon

[cottonchristopher]

After reviewing prelaunch tickets and estimating time to launch PM's saw the need for an additional ticket related to another issue. #1664
Can we get UI/UX team to complete the above ticket that has been started (above), adding/correcting information on the issue/ticket, and indicate "size", etc.?

[ahmedsalah0130]

Hey @allisonjeon, can you please use this ticket to track your progress. When you've completed your work on Figma can you add the section name and a screen shot of your section on to a comment here, thanks.

[annaseulgi]

@allisonjeon hey! i added a couple action items (and a new one from the epic) to help outline some of the requirements

[annaseulgi]

@allisonjeon removing your action items due to our conversation today regarding the calendar range (still TBD). will proceed with handing off the popover now!

[ryanfchase]

@annaseulgi @allisonjeon We are still modifying our hand off process. If this ticket is ready for hand off, please provide the Figma section name and a Before/After screenshot.

I'm not sure if you guys have a good "Before" image so I'll drop one here

example screenshot of "Before"

Feel free to use this in your comment!

[allisonjeon]

This ticket is ready for devs!

Figma file - Information Popover #1677

Before

After

[Skydodle]

@cottonchristopher @ryanfchase I've created the new dev ticket (#1696) for this issue and also added the dev ticket to the epic (#1680). So I believe we can now close this design ticket since the rest of the work is for dev. Closing this issue.