awesome_euclid

Release Notes for Dinaank - Version 2.0.8: awesome_euclid 🎉

🚀 New Features

Enhanced Date Selector 🎨

• Background Color Customization: The DateSelector now supports customizable background colors, allowing developers to create visually appealing date pickers that match their application's theme.
  • Implementation: You can set the background color using the backgroundColor property in the DateSelectorOptions interface.

Improved Date Handling 📅

• Robust Date Parsing: Enhanced date parsing capabilities ensure that various date formats are handled seamlessly, improving user experience and reducing errors.
• Time Picker Integration: The time picker functionality has been refined, allowing for smoother selection of time alongside dates.

🐛 Bug Fixes

• Fixed an issue where invalid dates were not being properly handled, leading to unexpected behavior in the date selection process.

⚡ Improvements

• Performance Optimization: The library size is now a lightweight 4.9kb gzipped, ensuring fast load times and minimal impact on application performance.
• User Experience Enhancements: Improved responsiveness of the date picker interface, making it more user-friendly on mobile devices.

🔄 Breaking Changes

• DateSelectorOptions Interface Update: The DateSelectorOptions interface has been modified to include the new backgroundColor property. Ensure to update your implementation accordingly:

  interface DateSelectorOptions {
      backgroundColor?: string; // New property for background color customization
      // ... other existing properties
  }

📦 Installation Instructions

You can install Dinaank via npm, yarn, or CDN:

Using npm:

npm install dinaank

Using yarn:

yarn add dinaank

Using CDN:

<script src="https://cdn.jsdelivr.net/npm/dinaank@2.0.8/dist/dinaank.min.js"></script>

📈 Performance Metrics

• Gzipped Size: 4.9kb
• Zero Dependencies: Dinaank remains a zero-dependency library, ensuring easy integration without additional overhead.

🔒 Security Notes

• Ensure that any user input for date handling is validated to prevent potential security vulnerabilities, such as injection attacks.

🤝 Contributors

A big thank you to all contributors for their valuable input and feature requests that helped shape this release! Your feedback is essential in making Dinaank better.

📊 Calendar/Time Selection Flow

graph TD;
    A[User Clicks Date Picker] --> B{Date Selected?}
    B -- Yes --> C[Display Selected Date]
    B -- No --> D[Show Calendar]
    D --> E[User Selects Date]
    E --> C
    C --> F[User Clicks Time Picker]
    F --> G{Time Selected?}
    G -- Yes --> H[Display Selected Time]
    G -- No --> I[Show Time Picker]
    I --> F

🎉 Conclusion

With this release, Dinaank continues to provide a fun and efficient way to handle date and time selection in your JavaScript/TypeScript applications. Enjoy the new features and happy coding! 🚀

zealous_ride

# Release Notes for Dinaank - Version 2.0.7: zealous_ride 🚀

## Overview
Dinaank is a lightweight date picker library for JavaScript/TypeScript, designed to make date and time selection a breeze! This release focuses on enhancing the date/time selection features, ensuring a more flexible and user-friendly experience. 

## Features 🌟
- **Null Support for Selected Date**: 
  - Added the ability to handle `null` as a valid selected date in the `DateSelector`. This allows users to clear the selected date easily, enhancing usability.
  - **Implementation Detail**: The internal state management now accommodates `null` values, ensuring that the date picker behaves correctly when no date is selected.

  ```javascript
  const datePicker = new DateSelector({
      selectedDate: null, // Now supports null
      onDateChange: (date) => {
          console.log(date); // Will log null if no date is selected
      }
  });

Improvements 🔧

• Enhanced Date Handling:
  • Improved the internal date parsing logic to better handle edge cases, ensuring that users can select dates without unexpected behavior.

Fixes 🐛

• Bug Fixes:
  • Resolved issues related to date formatting when null was passed, ensuring consistent behavior across the library.

Breaking Changes ⚠️

• DateSelectorOptions Interface Update:

  • The DateSelectorOptions interface has been updated to allow selectedDate to be null. Ensure to update your implementations accordingly.

  interface DateSelectorOptions {
      selectedDate: Date | null; // Now accepts null
      onDateChange: (date: Date | null) => void; // Updated to reflect nullability
  }

Performance Metrics 📈

• Size: The library remains lightweight at 4.9kb gzipped, ensuring fast load times and minimal impact on performance.

Installation Instructions 📦

You can install Dinaank via npm, yarn, or use a CDN:

NPM

npm install dinaank

Yarn

yarn add dinaank

CDN

<script src="https://cdn.jsdelivr.net/npm/dinaank@2.0.7/dist/dinaank.min.js"></script>

Dependencies 🚫

• Zero Dependencies: This release maintains the zero-dependency nature of the library, ensuring a lightweight footprint.

Security Notes 🔒

• Ensure that any date handling logic in your application properly validates and sanitizes user input to prevent potential security issues.

Contributors 🙌

A big thank you to all contributors for their valuable input and feature requests that helped shape this release! Your feedback is crucial in making Dinaank better.

Visualizing Date Selection Flow 🌐

graph TD;
    A[User Interaction] --> B{Select Date};
    B -->|Valid Date| C[Update State];
    B -->|Clear Date| D[Set to Null];
    C --> E[Trigger onDateChange];
    D --> E;

Conclusion

With this release, Dinaank continues to evolve, providing a fun and efficient way to handle date and time selection in your applications. Enjoy the new features and happy coding! 🎉

friendly_shirley

Release Notes for Dinaank - Version 2.0.6 🎉

Release Name: friendly_shirley
Repository: theboringhumane/dinaank
Version: 2.0.6

---

🚀 New Features

Calendar Navigation Enhancements

• Type Attribute for Navigation Buttons: Added a type attribute to calendar navigation buttons to improve accessibility and ensure proper form behavior. This change enhances the user experience when navigating through months and years.

<Calendar>
  <button type="button" onClick={goToPreviousMonth}>Previous</button>
  <button type="button" onClick={goToNextMonth}>Next</button>
</Calendar>

---

🐛 Bug Fixes

• Resolved issues with date selection not updating correctly when navigating between months. This fix ensures that the selected date remains consistent and accurately reflects the user's choice.

---

⚡ Improvements

• Performance Optimization: The library remains lightweight at 4.9kb gzipped, ensuring fast load times and minimal impact on application performance.

---

🔄 Breaking Changes

• DateSelectorOptions Interface Update: The DateSelectorOptions interface has been modified to include new properties for enhanced customization. Ensure to update your implementations accordingly.

interface DateSelectorOptions {
  // Existing properties...
  showWeekNumbers?: boolean; // New property to toggle week numbers display
}

---

📦 Installation Instructions

You can install Dinaank using npm, yarn, or via CDN:

Using npm:

npm install dinaank

Using yarn:

yarn add dinaank

Using CDN:

<script src="https://cdn.jsdelivr.net/npm/dinaank/dist/dinaank.min.js"></script>

---

📊 Performance Metrics

• Size: 4.9kb gzipped
• Zero Dependencies: Dinaank remains a zero-dependency library, ensuring easy integration without additional overhead.

---

🔒 Security Notes

• Ensure that any date handling in your application properly validates user input to prevent potential security vulnerabilities, such as date manipulation attacks.

---

🤝 Contributors

A big thank you to all contributors for their efforts in enhancing the date/time selection features! Special thanks to those who submitted feature requests that inspired this release.

---

📈 Visualizing Date/Time Selection Flow

graph TD;
    A[User Clicks Calendar] --> B{Select Date};
    B -->|Valid Date| C[Update Selected Date];
    B -->|Invalid Date| D[Show Error];
    C --> E[Display Selected Date];

---

🎨 Code Snippet for Date Picker Usage

Here’s a quick example of how to implement the date picker in your project:

import { DatePicker } from 'dinaank';

const App = () => {
  const handleDateChange = (date) => {
    console.log("Selected Date:", date);
  };

  return (
    <div>
      <h1>Select a Date 📅</h1>
      <DatePicker onChange={handleDateChange} />
    </div>
  );
};

---

Thank you for using Dinaank! We hope you enjoy the new features and improvements. Happy coding! 🎉

cool_sanderson

Release Notes for Dinaank - Version 2.0.5 🎉

Release Name: cool_sanderson
Repository: theboringhumane/dinaank
Version: 2.0.5

---

🚀 New Features

Enhanced Date/Time Selection 🌟

• TypeScript Support: Updated TypeScript definitions to improve type safety and developer experience when using the date picker.
• Rollup Configuration: Optimized Rollup configuration for better build performance and smaller bundle size.

Calendar Functionality Improvements 📅

• Custom Date Formats: Users can now specify custom date formats in the date picker, enhancing flexibility for various use cases.
• Time Picker Integration: Introduced a time picker component that allows users to select both date and time seamlessly.

import { DatePicker } from 'dinaank';

const datePicker = new DatePicker({
  format: 'MM/DD/YYYY',
  showTime: true,
  onChange: (date) => {
    console.log('Selected date and time:', date);
  }
});

---

🐛 Bug Fixes

• Date Parsing Issues: Resolved issues with date parsing that could lead to incorrect date selections.
• Time Zone Handling: Fixed bugs related to time zone discrepancies when selecting dates across different locales.

---

⚡ Improvements

• Performance Optimization: The library size is now only 4.9kb gzipped, ensuring fast load times and better performance in applications.
• User Interface Enhancements: Improved the visual design of the calendar and time picker for a more engaging user experience.

---

🔄 Breaking Changes

• DateSelectorOptions Interface: The DateSelectorOptions interface has been updated to include new properties for custom date formats and time picker options. Ensure to update your implementations accordingly.

interface DateSelectorOptions {
  format?: string; // Custom date format
  showTime?: boolean; // Enable time selection
}

---

📦 Installation Instructions

You can install Dinaank via npm, yarn, or CDN:

NPM

npm install dinaank

Yarn

yarn add dinaank

CDN

<script src="https://cdn.jsdelivr.net/npm/dinaank/dist/dinaank.min.js"></script>

---

🔒 Security Notes

• Ensure that any date handling in your application accounts for potential security vulnerabilities, such as date manipulation attacks. Always validate and sanitize user inputs.

---

🤝 Contributors

A big thank you to all contributors for their efforts in enhancing the date/time features! Special thanks to those who submitted feature requests that inspired these updates.

---

📊 Performance Metrics

• Gzipped Size: 4.9kb
• Zero Dependencies: Dinaank remains a lightweight library with no external dependencies, ensuring easy integration into your projects.

---

📈 Visualizing Date/Time Selection Flow

graph TD;
    A[User Interaction] --> B[Open Date Picker];
    B --> C[Select Date];
    C --> D[Open Time Picker];
    D --> E[Select Time];
    E --> F[Confirm Selection];
    F --> G[Display Selected Date/Time];

---

Thank you for using Dinaank! We hope you enjoy the new features and improvements. Happy coding! 🎨⏰

Moonlamp 🌙

🚀 Major Upgrade Alert! 🚀

We're thrilled to announce that our trusty DateSelector component has been overhauled with a significant TypeScript makeover, and we can't wait for you to experience the goodness! 💥

Key changes:

• TypeScript Tango: We've migrated the entire codebase to TypeScript for improved type safety and developer happiness 😊.
• Multi-Selector Support: Now you can have multiple DateSelectors on your page without any issues 🎉.
• Theming Superpowers: Customize colors to match your brand's style with our robust color theming system, featuring light and dark modes ✨.
• Accessibility Awesomeness: Our component now supports keyboard navigation for users who rely on it 💻.

Other notable improvements:

• Year Selection View Upgrade: The year selection view has been enhanced for better usability 📅.
• Min and Max Date Constraints: You can now set constraints to ensure dates are within a valid range 🔒.
• Destroy Method: We've added a destroy method to properly clean up instances when you're done with them 💔.

Breaking Changes Ahead! ⚠️

Note that our API has changed. When initializing the DateSelector, please pass options as an object instead of separate arguments 📝. Also, some CSS class names have been updated to follow a more consistent naming convention.

Don't worry; we've got you covered with updated documentation and code examples 👍. Update your implementations accordingly, and get ready to experience the improved performance and maintainability that comes with this new implementation 💪!

busy_thompson

Release Notes for Dinaank - Version 2.0.4 🎉

Release Name: busy_thompson
Repository: theboringhumane/dinaank
Version: 2.0.4

---

🚀 New Features

Enhanced Date/Time Selection 🌟

• Calendar View Improvements: The calendar view has been revamped for better usability, allowing users to navigate through months and years more intuitively.
• Time Picker Integration: A new time picker component has been added, enabling users to select both date and time seamlessly. This feature supports 12-hour and 24-hour formats.

import { DatePicker } from 'dinaank';

const datePicker = new DatePicker({
  enableTime: true,
  timeFormat: '24', // Options: '12' or '24'
});

Date Handling Enhancements 📅

• Timezone Support: The date picker now supports timezone selection, allowing users to pick dates and times in their local timezone.
• Custom Date Formats: Users can now specify custom date formats for display, enhancing flexibility in date representation.

const datePicker = new DatePicker({
  dateFormat: 'MM/DD/YYYY', // Custom format
});

---

🐛 Bug Fixes

• Fixed Calendar Navigation: Resolved an issue where navigating between months would sometimes display incorrect dates.
• Time Picker Bug: Addressed a bug that caused the time picker to not display the correct AM/PM designation in certain locales.

---

⚡ Improvements

• Performance Optimization: Reduced the library size to 4.9kb gzipped, ensuring faster load times and better performance.
• Accessibility Enhancements: Improved keyboard navigation and screen reader support for better accessibility compliance.

---

🔄 Breaking Changes

• DateSelectorOptions Interface Update: The DateSelectorOptions interface has been modified to include new properties for timezone and custom date formats. Ensure to update your implementations accordingly.

interface DateSelectorOptions {
  enableTime?: boolean;
  timeFormat?: '12' | '24';
  timezone?: string; // New property
  dateFormat?: string; // New property
}

---

📦 Installation Instructions

You can install Dinaank via npm, yarn, or CDN:

Using npm:

npm install dinaank

Using yarn:

yarn add dinaank

Using CDN:

<script src="https://cdn.jsdelivr.net/npm/dinaank/dist/dinaank.min.js"></script>

---

🔒 Security Notes

• Date Handling: Ensure that any user input for dates is validated to prevent potential security issues related to date manipulation.

---

🤝 Contributors

A big thank you to all contributors for their efforts in enhancing the date/time features! Special thanks to those who submitted feature requests that inspired these updates.

---

📊 Performance Metrics

• Library Size: 4.9kb gzipped
• Zero Dependencies: Dinaank remains a lightweight library with no external dependencies, ensuring a smooth integration into your projects.

---

📈 Visualizing Date/Time Selection Flow

graph TD;
    A[User opens Date Picker] --> B{Select Date};
    B -->|Click on Calendar| C[Choose Date];
    B -->|Click on Time| D[Choose Time];
    C --> E[Confirm Selection];
    D --> E;
    E --> F[Display Selected Date/Time];

---

Enjoy using Dinaank for all your date and time selection needs! 🎨✨

boring_lichterman

# Release Notes for Dinaank - Version 2.0.3 🎉

**Release Name:** boring_lichterman  
**Repository:** [theboringhumane/dinaank](https://github.com/theboringhumane/dinaank)  
**Date:** October 2023

---

## 🚀 New Features

### Enhanced Date/Time Selection 🌟
- **Time Picker Integration**: Introduced a new time picker component that allows users to select hours and minutes seamlessly. This feature enhances the overall user experience when selecting date and time together.
  
  ```javascript
  import { DatePicker, TimePicker } from 'dinaank';

  const App = () => (
    <div>
      <DatePicker />
      <TimePicker />
    </div>
  );

Improved Calendar Navigation 📅

• Keyboard Navigation: Users can now navigate through the calendar using keyboard arrows, making it more accessible and user-friendly.

Customizable Date Formats 🎨

• Date Format Options: Added options to customize the date format displayed in the picker, allowing for better localization and user preferences.

🐛 Bug Fixes

• Fixed Date Overflow: Resolved an issue where selecting dates beyond the current month would cause unexpected behavior in the calendar view.
• Time Picker Bug: Addressed a bug where the time picker would not reset correctly when switching between AM/PM.

⚡ Improvements

• Performance Optimization: Reduced the overall size of the library to 4.9kb gzipped, ensuring faster load times and better performance in applications.
• Refined Date Handling: Improved internal date handling logic to ensure more accurate date calculations and selections.

🔄 Breaking Changes

• DateSelectorOptions Interface Update: The DateSelectorOptions interface has been modified to include new properties for time selection. Ensure to update your implementations accordingly.

  interface DateSelectorOptions {
    dateFormat?: string;
    showTimePicker?: boolean; // New property
    timeFormat?: string; // New property
  }

📦 Installation Instructions

To install Dinaank, you can use npm, yarn, or include it via CDN:

Using npm:

npm install dinaank

Using yarn:

yarn add dinaank

Using CDN:

<script src="https://cdn.jsdelivr.net/npm/dinaank/dist/dinaank.min.js"></script>

📈 Performance Metrics

• Library Size: 4.9kb gzipped
• Zero Dependencies: Dinaank remains a lightweight library with no external dependencies, ensuring easy integration into your projects.

🔒 Security Notes

• Date Handling: Ensure that any user input for dates is validated to prevent potential security issues related to date manipulation.

🙌 Contributors

A big thank you to all contributors for their efforts in enhancing the date/time selection features! Special thanks to those who submitted feature requests that inspired these updates.

---

📊 Calendar/Time Selection Flow

graph TD;
    A[User opens Date Picker] --> B{Select Date};
    B -->|Valid Date| C[Display Time Picker];
    B -->|Invalid Date| D[Show Error Message];
    C --> E[User selects Time];
    E --> F[Confirm Selection];
    F --> G[Display Selected Date and Time];

---

Happy picking! 🎉 If you have any questions or feedback, feel free to reach out!

condescending_poitras

Release Notes for Dinaank - Version 2.0.2 🎉

Release Name: condescending_poitras

---

🚀 New Features

• Enhanced Date Picker Functionality: The date picker now supports a more intuitive selection process, allowing users to easily navigate through months and years. This improvement enhances user experience when selecting dates. 📅

  import { DatePicker } from 'dinaank';
  
  const datePicker = new DatePicker({
      onSelect: (date) => console.log(`Selected date: ${date}`),
      format: 'YYYY-MM-DD',
  });

• Time Picker Integration: A new time picker feature has been added, allowing users to select both date and time seamlessly. This is particularly useful for applications requiring precise scheduling. ⏰

  import { TimePicker } from 'dinaank';
  
  const timePicker = new TimePicker({
      onSelect: (time) => console.log(`Selected time: ${time}`),
      format: 'HH:mm',
  });

🐛 Fixes

• Bug Fixes in Date Handling: Resolved issues related to date parsing and formatting that could lead to incorrect date selections. This ensures that users can rely on accurate date inputs. 🔧

⚡ Improvements

• Performance Optimization: The library size has been optimized to a lightweight 4.9kb gzipped, ensuring faster load times and better performance in web applications. 🚀

• User Interface Enhancements: Improved the visual design of the calendar and time picker components, making them more user-friendly and visually appealing. 🎨

🔄 Breaking Changes

• Updated DateSelectorOptions Interface: The DateSelectorOptions interface has been modified to include new properties for time selection. Ensure to update your implementation accordingly:

  interface DateSelectorOptions {
      onSelect: (date: Date) => void;
      format: string;
      showTimePicker?: boolean; // New property
  }

📦 Installation Instructions

To install Dinaank, you can use npm, yarn, or include it via CDN:

• Using npm:

  npm install dinaank

• Using yarn:

  yarn add dinaank

• Using CDN:

  <script src="https://cdn.jsdelivr.net/npm/dinaank/dist/dinaank.min.js"></script>

🔒 Security Notes

• Date Handling Security: Ensure that any date inputs are validated to prevent potential security vulnerabilities, such as injection attacks. Always sanitize user inputs when dealing with date and time data.

🤝 Contributors

A big thank you to all contributors for their efforts in enhancing the date/time selection features! Special thanks to those who submitted feature requests that inspired these updates. 🙌

📊 Performance Metrics

• Library Size: 4.9kb gzipped
• Zero Dependencies: Dinaank remains a zero-dependency library, ensuring ease of integration without additional overhead.

📈 Visual Flow Diagrams

graph TD;
    A[User Interaction] --> B{Select Date};
    B -->|Click| C[Open Calendar];
    C --> D[Choose Date];
    D --> E[Confirm Selection];
    E --> F[Display Selected Date];
    A --> G{Select Time};
    G -->|Click| H[Open Time Picker];
    H --> I[Choose Time];
    I --> J[Confirm Selection];
    J --> K[Display Selected Time];

---

Thank you for using Dinaank! We hope you enjoy the new features and improvements. Happy coding! 🎉