A React UI datepicker component which enforces Pinterest's design language
The package can be installed via npm:
pinterest
npm i gestalt --save
npm i gestalt-datepicker --saveOr via yarn:
yarn add gestalt
yarn add gestalt-datepickerGestalt DatePicker exports each component as ES6 modules and a single, precompiled CSS file:
import { DatePicker } from 'gestalt-datepicker';
import 'gestalt-datepicker/dist/gestalt-datepicker.css';size="lg" (#4042) - Preview linktype=education and type=notification (#4032) - Preview linktitle prop (#4022) - Preview linksrc is empty string "" then set as undefined (#4013) - Preview linkxl, xxl, xxxl breakpoints (#3992) - Preview linkavatar (#3969) - Preview linkbgColor (#3856) - Preview linkforcePosition prop (#3744) - Preview linknoUncheckedIndexedAccess (#3756) - Preview linkreverseOffset in offset for custom positioining (#3743) - Preview linkid set in #3712 (#3722) - Preview linkdataTestId prop (#3624) - Preview linkprimaryAction prop to all nested subcomponents (#3622) - Preview linkperformance-plus icon (#3604) - Preview linktitle prop (#3601) - Preview linkeslint-plugin-gestalt to TypeScript (#3581) - Preview link.flowtest.js (#3566) - Preview linkonly-valid-tokens (#3477) - Preview linkoutputReferences": true for android/resources (#3460) - Preview linkcolor-background-overlay token bug introduced in #3421 (#3423) - Preview linkdisablePortal (#3321) - Preview linkexpanded & onExpand prop added (#3311) - Preview linktype Node to type Node as ReactNode (#3296) - Preview link?helixbot=boolean in the url to enable a site without code examples to facilitate the crawling of the helix-bot to integrate AI (#3294) - Preview linklabelDisplay prop (#3291) - Preview linksize prop to match input field pattern and fix border color (#3271) - Preview linkyarn flow-codemod removeExplicitlyExactObjectTypeSyntax (#3254) - Preview linkdataTestId prop (#3237) - Preview linkrole prop (#3210) - Preview linkeslint-disable-next-line testing-library/prefer-screen-queries disables from unit tests (#3182) - Preview linkdataTestId prop (#3179) - Preview linkforwardRef to SideNavigation.TopItem and SideNavigation.NestedItem (#3138) - Preview linktitle prop to mobileTitle (#3137) - Preview linkname prop (#3131) - Preview linkonMount handlers (#3122) - Preview linkidealDirection (#3111) - Preview linkdata-test-id (#3101) - Preview linkname prop documentation and Flow (#3078) - Preview link$color-text-disabled & $color-text-icon-disabled tokens (#3068) - Preview link<p> in as (#3059) - Preview linkheightAdjustment field (#3049) - Preview linksemver and add resolution (#3036) - Preview linkallowfullscreen bug (#3034) - Preview linklinkHandlers.onNavigation (#3006) - Preview linkimport/order with simple-import-sort (#3012) - Preview linkonOutsideClick (#2981) - Preview linkflow codemod annotate-implicit-instantiations --write --include-widened . & flow codemod annotate-implicit-instantiations --write . (#2942) - Preview linkflow codemod annotate-functions-and-classes --include-lti --write . (#2941) - Preview linkflow codemod annotate-react-hooks --write . (#2939) - Preview linkflow codemod annotate-cycles --write . (#2938) - Preview linkflow codemod annotate-empty-array --write . (#2937) - Preview linkonOutsideClick prop (#2915) - Preview linkwindow.requestAnimationFrame method (#2911) - Preview linkimport/no-namespace for test files (#2913) - Preview linkzIndex prop (#2905) - Preview linkiconColor (#2899) - Preview linktarget="blank" (#2872) - Preview linkaccessibilityLabel prop to optional (#2871) - Preview linkvisuallyHidden prop CSS configuration, fixed bug in overflowing maxLength.errorAccessibilityLabel (#2846) - Preview linkrealisticPinHeights option for Masonry integration test route (#2823) - Preview linkandroid/avatar.md (#2827) - Preview linktooltip prop (#2791) - Preview linknth-check to address vulnerability (#2766) - Preview linkdisabled prop (#2738) - Preview linkjsx-a11y/anchor-is-valid for docs examples (#2713) - Preview linkcolor prop for Spinner, new labels to DefaultLabelProvider (#2525) - Preview linkItem prop (#2707) - Preview linkimport/no-relative-parent-imports lint rule (#2706) - Preview linkmaxHeight prop (#2675) - Preview linkvirtual-bounds-visibility Masonry integration test (#2699) - Preview linkvirtualization-with-scroll-container Masonry integration test (#2698) - Preview linkoptimized-remount Masonry integration test (#2697) - Preview linkno-scroll Masonry integration test (#2696) - Preview linkitem-prop-change-key-reset Masonry integration test (#2695) - Preview linkupdate-scroll-container Masonry integration test (#2690) - Preview linkshuffle-items Masonry integration test (#2686) - Preview linkresize-reflow Masonry integration test (#2685) - Preview linkreflow-item-prop-changes Masonry integration test (#2682) - Preview linkreflow-item-prop-removal Masonry integration test (#2681) - Preview linkrender-height Masonry integration test (#2679) - Preview linkparent-sizing integration test (#2678) - Preview linknull-items integration test (#2677) - Preview linkflexible-resize integration test (#2676) - Preview linkshouldFocus to props (#2672) - Preview linkhandle-position-update Masonry integration test (#2671) - Preview linkhandle-item-updates integration test (#2667) - Preview linkprimaryAction prop to allow actions on SideNavigation.TopItem and SideNavigation.Group (#2646) - Preview linkpadding-inline-start with padding-right/left (#2643) - Preview linkdismissConfirmation prop (#2630) - Preview linkItem prop with the renderItem prop (#2616) - Preview linkinline prop with display (#2581) - Preview linkimportance prop with fetchPriority (#2474) - Preview linkreact/no-array-index-key lint rule (#2472) - Preview link<optgroup>, replace items prop with subcomponents #2219 - PREVIEW URLcomp to Item #2325 - PREVIEW URLgap to support row/column values #2218 - PREVIEW URLactive logic to support false #2161 - PREVIEW URLzIndex prop #2117 - PREVIEW URLrole and accessibilitySelected props #2102 - PREVIEW URLminimist to address vulnerability #2010 - PREVIEW URLmodifyPropValue & detectManualReplacement codemods #1969 - PREVIEW URLtext type change #1966 - PREVIEW URLnode-fetch to fix vulnerability #1881 - PREVIEW URLnode-forge to fix vulnerability #1855 - PREVIEW URLprefer-heading + autofix/suggestions #1802 - PREVIEW URLno-access-state-in-setstate lint rule #1801 - PREVIEW URLtype prop #1790 - PREVIEW URLtitle optional, add accessibilityLabel #1724 - PREVIEW URLrel docs typo #1691 - PREVIEW URLcolor with variant #1677 - PREVIEW URLprefer-box-no-disallowed rule #1667 - PREVIEW URLprefer-flex import count bug #1663 - PREVIEW URLprefer-flex import statement Box detection #1660 - PREVIEW URLgestalt/no-dangerous-style-duplicates w/ autofix #1641 - PREVIEW URLflexBasis prop to Flex.Item #1648 - PREVIEW URLprefer-flex rule w/autofix #1628 - PREVIEW URLprefer-box-no-classname rule w/ autofix + merged into prefer-box-lonely-ref #1629 - PREVIEW URLtruncate with lineClamp #1637 - PREVIEW URLno-box-useless-props #1623 - PREVIEW URLprefer-box, no-spread-props #1615 - PREVIEW URLtruncate, document lineClamp #1611 - PREVIEW URLno-box-useless-props to index #1589 - PREVIEW URLno-box-useless-props rule #1585 - PREVIEW URLbgColor prop, tweak padding/states #1582 - PREVIEW URLword-break style #1577 - PREVIEW URLno-medium-formfields rule #1569 - PREVIEW URLlineClamp prop #1565 - PREVIEW URLglob-parent to fix vulnerability #1551 - PREVIEW URLcss-select to fix css-what vulnerability #1543 - PREVIEW URLtrim-newlines to fix vulnerability #1546 - PREVIEW URLnormalize-url to fix vulnerability #1545 - PREVIEW URLws package #1539 - PREVIEW URLpostcss-cssnext with postcss-preset-env #1538 - PREVIEW URLlodash #1505 - PREVIEW URLborder-radius values #1506 - PREVIEW URLstylelint dependency to obviate trim security vulnerability #1504 - PREVIEW URLminWidth prop to Flex.Item #1487 - PREVIEW URLvalue bug #1458 - PREVIEW URLas prop to use semantic tags #1444 - PREVIEW URLshopping-bag icon #1437 - PREVIEW URLlink present #1430 - PREVIEW URLoptions is used, not just the initial #1390 - PREVIEW URLobjectFill as a prop #1227 - PREVIEW URLflowtype/require-exact-type errors #1228 - PREVIEW URLchildren type #1216 - PREVIEW URLgap #1214 - PREVIEW URLgap #1193 - PREVIEW URL" #1213 - PREVIEW URLgap #1193 - PREVIEW URLbasicCentered to center justify grid content #929 - PREVIEW URLn.video.load is not a function in Safari #870leading and related css properties #784 - PREVIEW URLRun codemods: cd gestalt; yarn run codemod --parser=flow -t=packages/gestalt-codemods/1.35.0-1.36.0/leading-text-remove.js ~/code/repo
__dangerouslyUseDefaultIcon prop #774 - PREVIEW URL#ddd #776 - PREVIEW URL__dangerouslyIncreaseLineHeight #773 - PREVIEW URLred as a deprecated feature #760 - PREVIEW URLRun codemods:
cd gestalt; yarn run codemod --parser=flow -t=packages/gestalt-codemods/1.22.0-1.23.0/toast-remove-color-icon.js ~/code/repo
Run codemods:
cd gestalt; yarn run codemod --parser=flow -t=packages/gestalt-codemods/1.15.0-1.16.0/deprecatedMargin-box-replace.js ~/code/repo
cd gestalt; yarn run codemod --parser=flow -t=packages/gestalt-codemods/1.15.0-1.16.0/deprecatedPadding-box-replace.js ~/code/repo
Run codemod:
cd gestalt; yarn run codemod --parser=flow -t=packages/gestalt-codemods/1.14.0-1.15.0/remove-text-size-xl.js ~/code/repo
label and helperText props #705 - PREVIEW URLRun codemods for breaking changes in order:
cd gestalt; yarn run codemod --parser=flow -t=packages/gestalt-codemods/1.8.0-1.9.0/remove-responsive-text-sizing.js ~/code/repoyarn run codemod --parser=flow -t=packages/gestalt-codemods/1.8.0-1.9.0/heading-size-replace.js ~/code/repoyarn run codemod --parser=flow -t=packages/gestalt-codemods/1.8.0-1.9.0/text-size-replace.js ~/code/repoborderSize prop for styling borders #678 - PREVIEW URLCodemods:
cd gestalt; yarn run codemod --parser=flow -t=packages/gestalt-codemods/1.3.0-1.4.0/modal-remove-close-label.js ~/code/repo
shape prop values roundedTop, roundedRight, roundedBottom, and roundedLeft #657 - PREVIEW URLshape prop with rounding #666 - PREVIEW URLRun codemods for breaking changes in order:
cd gestalt; yarn run codemod --parser=flow -t=packages/gestalt-codemods/0.125.0-1.0.0/convert-roundedX.js ~/code/repoyarn run codemod --parser=flow -t=packages/gestalt-codemods/0.125.0-1.0.0/convert-shape-to-rounding.js ~/code/repoopacity to set css opacity with values 0 to 1 in tenth increments. #654 - PREVIEW URLwait. Turns out this was more dangerous than expected, and we should experiment on it later. #645 - PREVIEW URLwait value for throttling updateScrollPosition #641 - PREVIEW URLorange icon color prop to be passed as a value #602 - PREVIEW URLorange icon color prop to be passed as a value #602 - PREVIEW URLreact-testing-library #598 - PREVIEW URLreact-hooks/exhaustive-deps lint rule #598 - PREVIEW URLconcurrently dependency #599 - PREVIEW URLblue background color prop to be passed as a value #572 - PREVIEW URLblue background color prop to be passed as a value #572 - PREVIEW URLsize prop which can be passed sm or md as a value #553 - PREVIEW URLjustifyContent and alignContent props to be passed evenly as a value #557 - PREVIEW URLv3.10.0 version and pull in Flow library changes #543 - PREVIEW URLtextColor prop to allow overriding of text color for buttons #545 - PREVIEW URLMasonryBeta and MasonryInfiniteBeta from source code #531 - PREVIEW URLdelay prop to optionally remove 300ms delay to appear #533 - PREVIEW URLdangerouslySetSvgPath support #536 - PREVIEW URLv0.101.0 #539 - PREVIEW URLmargin prop now supports auto for use in flexbox layouts #528 - PREVIEW URLflashlight icon to use new asset #527 - PREVIEW URLheart-outline and update icon of heart #526 - PREVIEW URLdisabled prop and stylings to IconButton component #521 - PREVIEW URLads-stats and ads-overview #522 - PREVIEW URLwillChangeTransform default true which can turn off willChange:transform property in CSS #494 - PREVIEW URLchildren prop is now required #479 - PREVIEW URLresponsive prop which makes item width responsive to content width #473 - PREVIEW URLaccessibilityLabel down through Pog to Icon, where it is used as the svgs title for hover text #456 - PREVIEW URLref functionality #450 - PREVIEW URLtitle for hover text, using existing accessibilityLabel (453)title for hover text, using existing accessibilityLabel #453 - PREVIEW URLpostcss-preset-env due to a bug in how it interacts with CSS modules #451 - PREVIEW URLpostcss-cssnext to postcss-preset-env and removed color() function #432 - PREVIEW URLLink docs to indicate href is required #437 - PREVIEW URLautoComplete prop for parity with TextField #363 - PREVIEW URL0.81.0 #376 - PREVIEW URLREADME.md #367 - PREVIEW URLGH_TOKEN to docker-compose file for greenkeeper #378 - PREVIEW URLerrorMessage is set #350 - PREVIEW URLshouldFocus to override focus on open behavior. Has codemod #325 - PREVIEW URLBox transform functors #299 - PREVIEW URLlayout #284 - PREVIEW URLmegaphone icon #281 - PREVIEW URLenvelope icon + add gmail #270 - PREVIEW URLvisuallyHidden as a display option #262 - PREVIEW URLitems to React.Node #230 - PREVIEW URLsize prop is now optional. #244 - PREVIEW URLonSeek callback prop to Video component #209 - PREVIEW URLonReady callback prop to Video component #210 - PREVIEW URLdocs/ directory #214 - PREVIEW URLdocs/ directory and enable Flow #215 - PREVIEW URLaspectRatio a required prop for Video #201 - PREVIEW URLonEnded prop for media end event #207 - PREVIEW URLsrc prop #202 - PREVIEW URLaspectRatio prop to Video and hide fullscreen on unsupported browsers #171 - PREVIEW URLyarn.lock #152 - PREVIEW URLtitle when truncate is set #82 - PREVIEW URL3000 + update the README with the latest commands #89 - PREVIEW URLalt text when loading the image in FireFox. #80 - PREVIEW URL#84 - PREVIEW URLBrowserRouter to HashRouter - fixes directly going to a component #88 - PREVIEW URLchildren prop to be up to date with Flow version #70 - PREVIEW URLfullHeight prop #31 - PREVIEW URLonBlur prop / Rename syntheticEvent => event / Use stricter flowtype on event to remove if check #17 - PREVIEW URL