Skip to content

Add Manual Date Input Support #79

Description

@Oliverq755

Feature Request: Add Manual Date Input Support to nepali-datepicker-reactjs

Summary

Add an optional manual input field to nepali-datepicker-reactjs that allows users to enter Nepali dates directly using the keyboard, in addition to selecting dates from the calendar picker.

Problem Statement

Currently, users can only select dates through the date picker UI. This becomes time-consuming when selecting dates that are far from the current date.

For example, if the current selected date is 2083-03-01 and I need to select 2082-06-01, I must:

  1. Navigate to the correct year.
  2. Select the correct month.
  3. Select the correct day.

This requires multiple clicks and interactions, which can slow down data entry, especially in accounting, billing, ERP, auditing, and business applications where users frequently enter historical dates.

Proposed Solution

Provide an optional manual input mode that allows users to type Nepali dates directly.

Example

<NepaliDatePicker
  value="2082-06-01"
  allowManualInput={true}
/>

Users should be able to:

  • Type dates directly using the keyboard.
  • Use a standard format such as YYYY-MM-DD.
  • Continue using the existing calendar picker.
  • Have input validation to prevent invalid dates.
  • Optionally auto-format the entered value.

Benefits

  • Faster data entry for power users.
  • Improved user experience in accounting and business software.
  • Reduced number of clicks when selecting past or future dates.
  • Better keyboard accessibility.
  • More efficient for desktop users who prefer keyboard navigation.

Additional Suggestions

  • Support both typing and calendar selection simultaneously.
  • Add keyboard shortcuts for navigation.
  • Provide configurable input formats if needed.
  • Allow developers to enable or disable manual input through a prop.

Use Case

I am currently using this package in a business application where users frequently enter historical dates. Manual entry would significantly improve productivity compared to navigating through months and years in the calendar picker.

Thank you for maintaining this package. I believe this feature would be beneficial for many users working with Nepali date-based applications.

Metadata

Metadata

Assignees

No one assigned

    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