{"id":97,"date":"2018-07-10T12:02:08","date_gmt":"2018-07-10T12:02:08","guid":{"rendered":"https:\/\/abhashstempblog.wordpress.com\/2018\/07\/10\/open-sourcing-our-npm-module-date-picker\/"},"modified":"2023-01-09T13:32:13","modified_gmt":"2023-01-09T08:02:13","slug":"open-sourcing-our-npm-module-date-picker","status":"publish","type":"post","link":"https:\/\/blog.springworks.in\/open-sourcing-our-npm-module-date-picker\/","title":{"rendered":"Open sourcing our NPM module \u2014 Date Picker"},"content":{"rendered":"<p>In the true spirit of open source and decentralization, we have open sourced one of our internal modules.<\/p>\n<p>The use case is to show the difference between two dates in human terms. At the moment, this is being used in SpringRole profiles to show the time for each experience. For example, if someone says April 2014 to May 2016, instead of 400 days, etc, this module enables you to showcase it as 2 years and 1 month, etc.<\/p>\n<p>It\u2019s been a week since this went live and has already gotten 156 downloads.<\/p>\n<figure><img decoding=\"async\" data-width=\"492\" data-height=\"82\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/0*laZg04DuJ7kGtsqJ\"><\/figure>\n<p>Visit <a href=\"https:\/\/www.npmjs.com\/package\/pretty-date-duration\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.npmjs.com\/package\/pretty-date-duration<\/a> for more.<\/p>\n<p>Check our log here&gt;&gt; <a href=\"https:\/\/github.com\/SpringRole\/pretty-date-duration\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/github.com\/SpringRole\/pretty-date-duration<\/a><\/p>\n<p>We thank our team\u200a\u2014\u200aGeorge and Rupam for taking the initiative to open source and hope the community benefits from their contribution.<\/p>\n<p><em>*<\/em><strong><em>NPM<\/em><\/strong><em> is a <\/em><a href=\"https:\/\/en.wikipedia.org\/wiki\/Package_manager\" title=\"Package manager\" target=\"_blank\" rel=\"noopener noreferrer\"><em>package manager<\/em><\/a><em> for the <\/em><a href=\"https:\/\/en.wikipedia.org\/wiki\/JavaScript\" title=\"JavaScript\" target=\"_blank\" rel=\"noopener noreferrer\"><em>JavaScript<\/em><\/a><em> programming language. It is the default package manager for the JavaScript runtime environment <\/em><a href=\"https:\/\/en.wikipedia.org\/wiki\/Node.js\" title=\"Node.js\" target=\"_blank\" rel=\"noopener noreferrer\"><em>Node.js<\/em><\/a><em>. It consists of a command line client, also called npm, and an <\/em><a href=\"https:\/\/en.wikipedia.org\/wiki\/Online_database\" title=\"Online database\" target=\"_blank\" rel=\"noopener noreferrer\"><em>online database<\/em><\/a><em> of public and paid-for private packages, called the npm registry. The registry is accessed via the client, and the available packages can be browsed and searched via the npm website. The package manager and the registry are managed by npm, Inc.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the true spirit of open source and decentralization, we have open sourced one of our internal modules. The use case is to show the difference between two dates in human terms. At the moment, this is being used in SpringRole profiles to show the time for each experience. For example, if someone says April<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[164],"tags":[81,91],"class_list":["post-97","post","type-post","status-publish","format-standard","hentry","category-springrole","tag-javascript","tag-npm","disable-dropcap","disable-2-columns"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v26.3) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Open sourcing our NPM module \u2014 Date Picker - Springworks Blog<\/title>\n<meta name=\"description\" content=\"In the true spirit of open source and decentralization, we have open sourced one of our internal modules.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Open sourcing our NPM module \u2014 Date Picker\" \/>\n<meta property=\"og:description\" content=\"In the true spirit of open source and decentralization, we have open sourced one of our internal modules. The use case is to show the difference between\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/\" \/>\n<meta property=\"og:site_name\" content=\"Springworks Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-10T12:02:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-09T08:02:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn-images-1.medium.com\/max\/800\/0*laZg04DuJ7kGtsqJ\" \/>\n<meta name=\"author\" content=\"Springworks Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/springroleinc\/\" \/>\n<meta name=\"twitter:site\" content=\"@springroleinc\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Springworks Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blog.springworks.in\/open-sourcing-our-npm-module-date-picker\/\"},\"author\":{\"name\":\"Springworks Team\",\"@id\":\"https:\/\/blog.springworks.in\/#\/schema\/person\/6d88881fb107cd90192ec2da81bff5aa\"},\"headline\":\"Open sourcing our NPM module \u2014 Date Picker\",\"datePublished\":\"2018-07-10T12:02:08+00:00\",\"dateModified\":\"2023-01-09T08:02:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blog.springworks.in\/open-sourcing-our-npm-module-date-picker\/\"},\"wordCount\":214,\"publisher\":{\"@id\":\"https:\/\/blog.springworks.in\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/0*laZg04DuJ7kGtsqJ\",\"keywords\":[\"JavaScript\",\"NPM\"],\"articleSection\":[\"SpringRole\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.springworks.in\/open-sourcing-our-npm-module-date-picker\/\",\"url\":\"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/\",\"name\":\"Open sourcing our NPM module \u2014 Date Picker - Springworks Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.springworks.in\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/0*laZg04DuJ7kGtsqJ\",\"datePublished\":\"2018-07-10T12:02:08+00:00\",\"dateModified\":\"2023-01-09T08:02:13+00:00\",\"description\":\"In the true spirit of open source and decentralization, we have open sourced one of our internal modules.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/#primaryimage\",\"url\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/0*laZg04DuJ7kGtsqJ\",\"contentUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/800\/0*laZg04DuJ7kGtsqJ\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.springworks.in\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Open sourcing our NPM module \u2014 Date Picker\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.springworks.in\/#website\",\"url\":\"https:\/\/blog.springworks.in\/\",\"name\":\"Springworks Blog\",\"description\":\"Everything about the Future of Hiring and Recruiting\",\"publisher\":{\"@id\":\"https:\/\/blog.springworks.in\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.springworks.in\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/blog.springworks.in\/#organization\",\"name\":\"Springworks\",\"url\":\"https:\/\/blog.springworks.in\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.springworks.in\/#\/schema\/logo\/image\/\",\"url\":\"\/wp-content\/uploads\/2021\/09\/Springworks-Blog-1.png\",\"contentUrl\":\"\/wp-content\/uploads\/2021\/09\/Springworks-Blog-1.png\",\"width\":548,\"height\":79,\"caption\":\"Springworks\"},\"image\":{\"@id\":\"https:\/\/blog.springworks.in\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/springroleinc\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.springworks.in\/#\/schema\/person\/6d88881fb107cd90192ec2da81bff5aa\",\"name\":\"Springworks Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.springworks.in\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/blog.springworks.in\/wp-content\/litespeed\/avatar\/377f22b6c39a82d794600259c507e8a8.jpg?ver=1776334470\",\"contentUrl\":\"https:\/\/blog.springworks.in\/wp-content\/litespeed\/avatar\/377f22b6c39a82d794600259c507e8a8.jpg?ver=1776334470\",\"caption\":\"Springworks Team\"},\"description\":\"Building products and tools to simplify the life of an org's HR function in terms of recruiting, onboarding &amp; retention!\",\"sameAs\":[\"https:\/\/www.springworks.in\/\",\"https:\/\/www.linkedin.com\/company\/springrole\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/springroleinc\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Open sourcing our NPM module \u2014 Date Picker - Springworks Blog","description":"In the true spirit of open source and decentralization, we have open sourced one of our internal modules.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/","og_locale":"en_US","og_type":"article","og_title":"Open sourcing our NPM module \u2014 Date Picker","og_description":"In the true spirit of open source and decentralization, we have open sourced one of our internal modules. The use case is to show the difference between","og_url":"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/","og_site_name":"Springworks Blog","article_published_time":"2018-07-10T12:02:08+00:00","article_modified_time":"2023-01-09T08:02:13+00:00","og_image":[{"url":"https:\/\/cdn-images-1.medium.com\/max\/800\/0*laZg04DuJ7kGtsqJ","type":"","width":"","height":""}],"author":"Springworks Team","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/springroleinc\/","twitter_site":"@springroleinc","twitter_misc":{"Written by":"Springworks Team","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/#article","isPartOf":{"@id":"https:\/\/blog.springworks.in\/open-sourcing-our-npm-module-date-picker\/"},"author":{"name":"Springworks Team","@id":"https:\/\/blog.springworks.in\/#\/schema\/person\/6d88881fb107cd90192ec2da81bff5aa"},"headline":"Open sourcing our NPM module \u2014 Date Picker","datePublished":"2018-07-10T12:02:08+00:00","dateModified":"2023-01-09T08:02:13+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.springworks.in\/open-sourcing-our-npm-module-date-picker\/"},"wordCount":214,"publisher":{"@id":"https:\/\/blog.springworks.in\/#organization"},"image":{"@id":"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/800\/0*laZg04DuJ7kGtsqJ","keywords":["JavaScript","NPM"],"articleSection":["SpringRole"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/blog.springworks.in\/open-sourcing-our-npm-module-date-picker\/","url":"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/","name":"Open sourcing our NPM module \u2014 Date Picker - Springworks Blog","isPartOf":{"@id":"https:\/\/blog.springworks.in\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/#primaryimage"},"image":{"@id":"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/800\/0*laZg04DuJ7kGtsqJ","datePublished":"2018-07-10T12:02:08+00:00","dateModified":"2023-01-09T08:02:13+00:00","description":"In the true spirit of open source and decentralization, we have open sourced one of our internal modules.","breadcrumb":{"@id":"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/#primaryimage","url":"https:\/\/cdn-images-1.medium.com\/max\/800\/0*laZg04DuJ7kGtsqJ","contentUrl":"https:\/\/cdn-images-1.medium.com\/max\/800\/0*laZg04DuJ7kGtsqJ"},{"@type":"BreadcrumbList","@id":"https:\/\/www.springworks.in\/blog\/open-sourcing-our-npm-module-date-picker\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.springworks.in\/"},{"@type":"ListItem","position":2,"name":"Open sourcing our NPM module \u2014 Date Picker"}]},{"@type":"WebSite","@id":"https:\/\/blog.springworks.in\/#website","url":"https:\/\/blog.springworks.in\/","name":"Springworks Blog","description":"Everything about the Future of Hiring and Recruiting","publisher":{"@id":"https:\/\/blog.springworks.in\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.springworks.in\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/blog.springworks.in\/#organization","name":"Springworks","url":"https:\/\/blog.springworks.in\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.springworks.in\/#\/schema\/logo\/image\/","url":"\/wp-content\/uploads\/2021\/09\/Springworks-Blog-1.png","contentUrl":"\/wp-content\/uploads\/2021\/09\/Springworks-Blog-1.png","width":548,"height":79,"caption":"Springworks"},"image":{"@id":"https:\/\/blog.springworks.in\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/springroleinc"]},{"@type":"Person","@id":"https:\/\/blog.springworks.in\/#\/schema\/person\/6d88881fb107cd90192ec2da81bff5aa","name":"Springworks Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.springworks.in\/#\/schema\/person\/image\/","url":"https:\/\/blog.springworks.in\/wp-content\/litespeed\/avatar\/377f22b6c39a82d794600259c507e8a8.jpg?ver=1776334470","contentUrl":"https:\/\/blog.springworks.in\/wp-content\/litespeed\/avatar\/377f22b6c39a82d794600259c507e8a8.jpg?ver=1776334470","caption":"Springworks Team"},"description":"Building products and tools to simplify the life of an org's HR function in terms of recruiting, onboarding &amp; retention!","sameAs":["https:\/\/www.springworks.in\/","https:\/\/www.linkedin.com\/company\/springrole\/","https:\/\/x.com\/https:\/\/twitter.com\/springroleinc\/"]}]}},"_links":{"self":[{"href":"https:\/\/blog.springworks.in\/wp-json\/wp\/v2\/posts\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.springworks.in\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.springworks.in\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.springworks.in\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.springworks.in\/wp-json\/wp\/v2\/comments?post=97"}],"version-history":[{"count":1,"href":"https:\/\/blog.springworks.in\/wp-json\/wp\/v2\/posts\/97\/revisions"}],"predecessor-version":[{"id":502962,"href":"https:\/\/blog.springworks.in\/wp-json\/wp\/v2\/posts\/97\/revisions\/502962"}],"wp:attachment":[{"href":"https:\/\/blog.springworks.in\/wp-json\/wp\/v2\/media?parent=97"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.springworks.in\/wp-json\/wp\/v2\/categories?post=97"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.springworks.in\/wp-json\/wp\/v2\/tags?post=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}