Skip to content
This repository was archived by the owner on Dec 5, 2021. It is now read-only.
This repository was archived by the owner on Dec 5, 2021. It is now read-only.

Gateway Improvement - Date Picker Tweaks #517

@MitchellUnknown

Description

@MitchellUnknown

Date Picker Improvements

1. Invalid date range
With the date picker on the gateway, you're able to search for an invalid date range. i.e there's no restriction to search in backwards, so I could do 22/09/2021 start date, 21/09/2021 end date which doesn't make sense. There's a good library for react called react hook form which you can wrap the datepicker in a controller and have a min/max attribute that will disable the date, it's also easy to include validation using that library via their hooks. Might make the devs life a lot easier.

image

  1. Hover effect solid white
    Currently when choosing a date via the date picker on the TX history page, the hover effect is a solid white box which obfuscates the date you're picking. Instead, you could change the hover to have a border, I also changed the date colour to be congruent with the lime. I understand that the orange was due to the MetaMask fox being directly above it? Anyway, that's what the difference would look like.

image
image

Credits: Kally95

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions