{"version":3,"sources":["webpack:///./src/components/banner/index.js","webpack:///./content/components/date-textbox.mdx","webpack:///./src/@nib/gatsby-theme-mesh-docs/templates/Content.js"],"names":["Banner","React","createElement","Inline","space","Link","component","GatsbyLink","to","_frontmatter","layoutProps","MDXLayout","DefaultLayout","MDXContent","_ref","components","props","_objectWithoutProperties","_excluded","mdx","Object","assign","mdxType","parentName","isMDXComponent","GridLayout","styled","div","withConfig","displayName","componentId","breakpoint","BREAKPOINTS","DRAWER","Content","Theme","theme","nib","Layout","bannerContent","SkipLink","link","text","Header","Sidebar","location","Target","id","Main","pageContext","children","Footer","propTypes","PropTypes","node","object"],"mappings":"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","file":"component---content-components-date-textbox-mdx-13024e176ba8201f63a6.js","sourcesContent":["import React from 'react';\nimport {Inline} from '@nib/layout';\nimport Link from '@nib-components/link';\nimport {Link as GatsbyLink} from 'gatsby';\n\nconst Banner = () => (\n \n Design Tokens for Mesh have just been released!{' '}\n \n Check out the design tokens now\n \n \n);\n\nexport default Banner;\n","import * as React from 'react'\n /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsxRuntime classic */\n/* @jsx mdx */\nimport DefaultLayout from \"/tmp/node_modules/@nib/gatsby-theme-mesh-docs/src/templates/Content.js\";\nimport FormControl from '@nib-components/form-control';\nimport DateTextbox from '@nib-components/date-textbox';\nexport const _frontmatter = {};\nconst layoutProps = {\n _frontmatter\n};\nconst MDXLayout = DefaultLayout;\nexport default function MDXContent({\n components,\n ...props\n}) {\n return \n\n\n\n
{`Installation`}
\n
{`npm install @nib-components/date-textbox\n`}
\n
\n
{`As a form input, `}{`@nib-components/form-control`}{` must wrap this component to provide an accessible label, help text, and validation styling.`}
\n
\n
{`Usage`}
\n
{`import DateTextbox from '@nib-components/date-textbox';\n`}
{`As the `}{``}{` is wrapped in a `}{``}{`, all FormControl props such as `}{`valid`}{`, `}{`validated`}{`, and `}{`disabled`}{` will be passed down to this component. This includes the `}{`id`}{`, `}{`name`}{` and `}{`label`}{` which will align with the `}{`for`}{` attribute on the `}{`{`.`}
\n
{`The DateTextbox is an extension of `}{`Textbox`}{`, therefore, all of the parent props are valid for this component.`}
\n
{`All props passed directly to `}{``}{` will be applied to the underlying `}{``}{` as attributes.`}
\n
\n \n
\n
{`Prop`}
\n
{`Type`}
\n
{`Default`}
\n
{`Description`}
\n
\n \n \n
\n
{`value`}
\n
{`string`}
\n
\n
{`The `}{`input`}{` value.`}
\n
\n
\n
{`onChange`}
\n
{`function`}
\n
\n
{`A change handler.`}
\n
\n \n
\n
{`Considerations`}
\n
{`A date textbox is best used when specifically requesting a single date that includes day, month and year.`}
\n
{`Label your date textbox as you would a `}{`Textbox`}{`.`}
\n
{`When the user enters invalid input, provide them with an informative validation message, for example: “Were you really born in 1492?”.`}
\n
{`Ensure the date textbox allows enough width for the user to type their input without truncation.`}
\n
{`If the interface requires a date range consider using the `}{`Date Picker`}{` component.`}