npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

dinaank

v2.0.1

Published

Imagine a world where selecting dates isn't a chore, but a delightful dance of digits. Welcome to Dinaank, the featherweight champion of date pickers! Weighing in at a mere 4.9kb gzipped, this nimble library pirouettes through your code with zero dependen

Downloads

178

Readme

📅 Dinaank: Where Dates Dance in JavaScript/Typescript or maybe in your mind

Imagine a world where selecting dates isn't a chore, but a delightful dance of digits. Welcome to Dinaank, the featherweight champion of date pickers! Weighing in at a mere 4.9kb gzipped, this nimble library pirouettes through your code with zero dependencies.

🎭 A Calendar's Soliloquy

Dinaank doesn't just appear; it performs. With a flourish, a calendar materializes before your eyes. You, the director, simply point to a date, and the show concludes. Bravo! 👏

🎭 The Grand Entrance

🎟️ Via the Royal Decree (Manual Installation)

Summon Dinaank with a mere whisper in your HTML's head:

<script src="https://unpkg.com/dinaank"></script>

🧙‍♂️ Through Mystical Incantations (npm/yarn)

npm install dinaank  # The npm spell
yarn add dinaank     # The yarn enchantment

🎨 Painting with Time

Dinaank is your canvas, and dates are your palette. Let's create a masterpiece:

const timePainter = new Dinaank({
  el: '.canvas_of_time',
  onChange: (chosenMoment) => {
    console.log(`A moment in time was captured: ${chosenMoment}`);
  },
  theme: 'dark',  // For those who paint with starlight
  colors: {
    hover: 'cyan',    // The shimmer of possibility
    active: 'blue',   // The depth of decision
  },
  startYear: 1992,    // Begin your journey
  endYear: 2045,      // ...and where it might lead
  minDate: new Date('2024-01-01'), // Create a safe haven in the timestream
  maxDate: new Date('2024-12-31'), // ...and where it might lead
});

🌈 A Spectrum of Possibilities

Dinaank isn't just a date picker; it's a time traveler's toolkit:

  • 🎨 Themes: Light for sun-chasers, dark for night owls
  • 📅 Custom Ranges: Set the boundaries of your temporal playground
  • 🎉 Events: Mark the days that sparkle with significance
  • 🔒 Min/Max Dates: Create a safe haven in the timestream
  • 🌍 Localization: Speak the language of time in any tongue
  • ↔️ Date Ranges: For those who think in spans, not points

🎭 The Final Act

Dinaank is more than code; it's poetry in motion, a ballet of bytes. It turns the mundane act of choosing a date into a celebration of possibility.

So go forth, temporal artist! Paint your web pages with the brushstrokes of time itself. Let Dinaank be your muse, your stage, and your standing ovation.


Crafted with ❤️ and a sprinkle of stardust by Harsh Vardhan Goswami. Under the benevolent gaze of the MIT License.