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 🙏

© 2026 – Pkg Stats / Ryan Hefner

react-psrisandate-picker

v1.0.1

Published

persian date picker for react

Readme

Features

  • Support Standard Markdown / CommonMark and GFM(GitHub Flavored Markdown);
  • Full-featured: Real-time Preview, Image (cross-domain) upload, Preformatted text/Code blocks/Tables insert, Code fold, Search replace, Read only, Themes, Multi-languages, L18n, HTML entities, Code syntax highlighting...;
  • Markdown Extras : Support ToC (Table of Contents), Emoji, Task lists, @Links...;
  • Compatible with all major browsers (IE8+), compatible Zepto.js and iPad;
  • Support identification, interpretation, fliter of the HTML tags;
  • Support TeX (LaTeX expressions, Based on KaTeX), Flowchart and Sequence Diagram of Markdown extended syntax;
  • Support AMD/CMD (Require.js & Sea.js) Module Loader, and Custom/define editor plugins;

Editor.md

Table of Contents

[TOCM]

[TOC]

#H1 header ##H2 header ###H3 header ####H4 header #####H5 header ######H6 header #Heading 1 link Heading link ##Heading 2 link Heading link ###Heading 3 link Heading link ####Heading 4 link Heading link Heading link Heading link #####Heading 5 link Heading link ######Heading 6 link Heading link

##Headers (Underline)

H1 Header (Underline)

H2 Header (Underline)

###Characters


~~Strikethrough~~ Strikethrough (when enable html tag decode.) Italic Italic Emphasis Emphasis Emphasis Italic Emphasis Italic

Superscript: X2,Subscript: O2

Abbreviation(link HTML abbr tag)

The HTML specification is maintained by the W3C.

###Blockquotes

Blockquotes

Paragraphs and Line Breaks

"Blockquotes Blockquotes", Link

###Links

Links

Links with title

<link> : https://github.com

Reference link

GFM a-tail link @pandao

###Code Blocks (multi-language) & highlighting

####Inline code

$ npm install marked

####Code Blocks (Indented style)

Indented 4 spaces, like <pre> (Preformatted Text).

<?php
    echo "Hello world!";
?>

Code Blocks (Preformatted text):

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

####Javascript 

function test(){
	console.log("Hello world!");
}
 
(function(){
    var box = function(){
        return box.fn.init();
    };

    box.prototype = box.fn = {
        init : function(){
            console.log('box.init()');

			return this;
        },

		add : function(str){
			alert("add", str);

			return this;
		},

		remove : function(str){
			alert("remove", str);

			return this;
		}
    };
    
    box.fn.init.prototype = box.fn;
    
    window.box =box;
})();

var testBox = box();
testBox.add("jQuery").remove("jQuery");

####HTML code

<!DOCTYPE html>
<html>
    <head>
        <mate charest="utf-8" />
        <title>Hello world!</title>
    </head>
    <body>
        <h1>Hello world!</h1>
    </body>
</html>

###Images

Image:

Follow your heart.

图为:厦门白城沙滩 Xiamen

图片加链接 (Image + Link):

图为:李健首张专辑《似水流年》封面


###Lists

####Unordered list (-)

  • Item A
  • Item B
  • Item C

####Unordered list (*)

  • Item A
  • Item B
  • Item C

####Unordered list (plus sign and nested)

  • Item A
  • Item B
    • Item B 1
    • Item B 2
    • Item B 3
  • Item C
    • Item C 1
    • Item C 2
    • Item C 3

####Ordered list

  1. Item A
  2. Item B
  3. Item C

###Tables

First Header | Second Header ------------- | ------------- Content Cell | Content Cell Content Cell | Content Cell

| First Header | Second Header | | ------------- | ------------- | | Content Cell | Content Cell | | Content Cell | Content Cell |

| Function name | Description | | ------------- | ------------------------------ | | help() | Display the help window. | | destroy() | Destroy your computer! |

| Item | Value | | --------- | -----:| | Computer | $1600 | | Phone | $12 | | Pipe | $1 |

| Left-Aligned | Center Aligned | Right Aligned | | :------------ |:---------------:| -----:| | col 3 is | some wordy text | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 |


####HTML entities

© & ¨ ™ ¡ £ & < > ¥ € ® ± ¶ § ¦ ¯ « ·

X² Y³ ¾ ¼ × ÷ »

18ºC " '

##Escaping for Special Characters

*literal asterisks*

##Markdown extras

###GFM task list

  • [x] GFM task list 1
  • [x] GFM task list 2
  • [ ] GFM task list 3
    • [ ] GFM task list 3-1
    • [ ] GFM task list 3-2
    • [ ] GFM task list 3-3
  • [ ] GFM task list 4
    • [ ] GFM task list 4-1
    • [ ] GFM task list 4-2

###Emoji mixed :smiley:

Blockquotes :star:

####GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:

  • [x] :smiley: @mentions, :smiley: #refs, links, formatting, and tags supported :editormd-logo:;
  • [x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
  • [x] [ ] :smiley: this is a complete item :smiley:;
  • [ ] []this is an incomplete item test link :fa-star: @pandao;
  • [ ] [ ]this is an incomplete item :fa-star: :fa-gear:;
    • [ ] :smiley: this is an incomplete item test link :fa-star: :fa-gear:;
    • [ ] :smiley: this is :fa-star: :fa-gear: an incomplete item test link;

###TeX(LaTeX)

$$E=mc^2$$

Inline $$E=mc^2$$ Inline,Inline $$E=mc^2$$ Inline。

$$(\sqrt{3x-1}+(1+x)^2)$$

$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$

###FlowChart

st=>start: Login
op=>operation: Login operation
cond=>condition: Successful Yes or No?
e=>end: To admin

st->op->cond
cond(yes)->e
cond(no)->op

###Sequence Diagram

Andrew->China: Says Hello 
Note right of China: China thinks\nabout it 
China-->Andrew: How are you? 
Andrew->>China: I am good thanks!

###End