Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature/2824 date input #2864

Merged
merged 36 commits into from
Dec 18, 2024
Merged

Feature/2824 date input #2864

merged 36 commits into from
Dec 18, 2024

Conversation

kwongz
Copy link
Contributor

@kwongz kwongz commented Nov 28, 2024

Description

Created DateInput component that builds off the DateRange structure. Redirects /components/date-range/ --> /components/date-input/

Allows users to access a single date or ranged date input calendar

image

image

Checklist

  • For UI or styling changes, I have added a screenshot or gif showing before & after
  • I have added a changeset
  • I have added to the docs where applicable
  • I have added to the VS Code extension where applicable

@kwongz
Copy link
Contributor Author

kwongz commented Nov 29, 2024

fixes #2824

@kwongz kwongz requested a review from archiewood November 29, 2024 15:49
@kwongz
Copy link
Contributor Author

kwongz commented Nov 29, 2024

@archiewood @mcrascal

Date Input w/ calendar (@steeze-ui/svelte-icon)

image

Date Input w/ inline title

image

Date Input w/ range + title (no calendar icon)

image

@kwongz
Copy link
Contributor Author

kwongz commented Dec 2, 2024

Added more margin between icon and text (m1 --> m2).

image

Date range for reference

image

@archiewood
Copy link
Member

archiewood commented Dec 2, 2024

calendar icon is improved

The separating bar between the Date Input and Jan 1, 1970 looks different to that used in the Dropdown to me (too heavy, does not extend high or low enough)

Can we match the styling

@kwongz kwongz requested a review from zachstence December 18, 2024 14:28
Copy link
Contributor

@csjh csjh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

aside from this and the buildReactiveInputQuery thing everything looks fine to me


<script>
import DateInput from './_DateInput.svelte';
// import { Query } from '@evidence-dev/sdk/usql';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
// import { Query } from '@evidence-dev/sdk/usql';

@ItsMeBrianD ItsMeBrianD dismissed zachstence’s stale review December 18, 2024 21:31

Changes were addressed

@kwongz kwongz merged commit 70fbe16 into next Dec 18, 2024
32 checks passed
@kwongz kwongz deleted the feature/2824-date-input branch December 18, 2024 21:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants