omim - update docs

This commit is contained in:
dntzhang 2019-07-04 09:22:13 +08:00
parent e7a5105069
commit 98e2f79317
18 changed files with 29 additions and 27 deletions

View File

@ -1,12 +1,12 @@
{
"cn.css": "static/css/cn.d7592a4b.css",
"cn.css.map": "static/css/cn.d7592a4b.css.map",
"cn.js": "static/js/cn.5fa70348.js",
"cn.js.map": "static/js/cn.5fa70348.js.map",
"cn.js": "static/js/cn.81003fa1.js",
"cn.js.map": "static/js/cn.81003fa1.js.map",
"index.css": "static/css/index.d7592a4b.css",
"index.css.map": "static/css/index.d7592a4b.css.map",
"index.js": "static/js/index.98fc0a6f.js",
"index.js.map": "static/js/index.98fc0a6f.js.map",
"index.js": "static/js/index.06b51f86.js",
"index.js.map": "static/js/index.06b51f86.js.map",
"static/js/0.6df48f5d.chunk.js": "static/js/0.6df48f5d.chunk.js",
"static/js/0.6df48f5d.chunk.js.map": "static/js/0.6df48f5d.chunk.js.map",
"static/js/1.df346095.chunk.js": "static/js/1.df346095.chunk.js",
@ -21,8 +21,8 @@
"static/js/102.4e9ccfd8.chunk.js.map": "static/js/102.4e9ccfd8.chunk.js.map",
"static/js/103.e5057ae1.chunk.js": "static/js/103.e5057ae1.chunk.js",
"static/js/103.e5057ae1.chunk.js.map": "static/js/103.e5057ae1.chunk.js.map",
"static/js/104.1a0253bb.chunk.js": "static/js/104.1a0253bb.chunk.js",
"static/js/104.1a0253bb.chunk.js.map": "static/js/104.1a0253bb.chunk.js.map",
"static/js/104.2cc0d637.chunk.js": "static/js/104.2cc0d637.chunk.js",
"static/js/104.2cc0d637.chunk.js.map": "static/js/104.2cc0d637.chunk.js.map",
"static/js/105.a373de55.chunk.js": "static/js/105.a373de55.chunk.js",
"static/js/105.a373de55.chunk.js.map": "static/js/105.a373de55.chunk.js.map",
"static/js/106.1ed4e390.chunk.js": "static/js/106.1ed4e390.chunk.js",
@ -141,8 +141,8 @@
"static/js/33.c73980a5.chunk.js.map": "static/js/33.c73980a5.chunk.js.map",
"static/js/34.6a933297.chunk.js": "static/js/34.6a933297.chunk.js",
"static/js/34.6a933297.chunk.js.map": "static/js/34.6a933297.chunk.js.map",
"static/js/35.aef123ac.chunk.js": "static/js/35.aef123ac.chunk.js",
"static/js/35.aef123ac.chunk.js.map": "static/js/35.aef123ac.chunk.js.map",
"static/js/35.a6bfcb4a.chunk.js": "static/js/35.a6bfcb4a.chunk.js",
"static/js/35.a6bfcb4a.chunk.js.map": "static/js/35.a6bfcb4a.chunk.js.map",
"static/js/36.1b1b8046.chunk.js": "static/js/36.1b1b8046.chunk.js",
"static/js/36.1b1b8046.chunk.js.map": "static/js/36.1b1b8046.chunk.js.map",
"static/js/37.4b5ad965.chunk.js": "static/js/37.4b5ad965.chunk.js",

View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="shortcut icon" href="./favicon.ico"><link rel="stylesheet" href="./highlight/prism.css"><style>*{-webkit-tap-highlight-color:rgba(255,255,255,0);-moz-user-focus:none}</style><title>Omim - Material Design for the Web, powered by Omi.</title><link href="./static/css/cn.d7592a4b.css" rel="stylesheet"></head><body><script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script><script src="./highlight/prism.js"></script><script src="./js/remarkable.min.js"></script><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="./static/js/cn.5fa70348.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="shortcut icon" href="./favicon.ico"><link rel="stylesheet" href="./highlight/prism.css"><style>*{-webkit-tap-highlight-color:rgba(255,255,255,0);-moz-user-focus:none}</style><title>Omim - Material Design for the Web, powered by Omi.</title><link href="./static/css/cn.d7592a4b.css" rel="stylesheet"></head><body><script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script><script src="./highlight/prism.js"></script><script src="./js/remarkable.min.js"></script><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="./static/js/cn.81003fa1.js"></script></body></html>

View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="shortcut icon" href="./favicon.ico"><link rel="stylesheet" href="./highlight/prism.css"><style>*{-webkit-tap-highlight-color:rgba(255,255,255,0);-moz-user-focus:none}</style><title>Omim - Material Design for the Web, powered by Omi.</title><link href="./static/css/index.d7592a4b.css" rel="stylesheet"></head><body><script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script><script src="./highlight/prism.js"></script><script src="./js/remarkable.min.js"></script><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="./static/js/index.98fc0a6f.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="shortcut icon" href="./favicon.ico"><link rel="stylesheet" href="./highlight/prism.css"><style>*{-webkit-tap-highlight-color:rgba(255,255,255,0);-moz-user-focus:none}</style><title>Omim - Material Design for the Web, powered by Omi.</title><link href="./static/css/index.d7592a4b.css" rel="stylesheet"></head><body><script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script><script src="./highlight/prism.js"></script><script src="./js/remarkable.min.js"></script><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="./static/js/index.06b51f86.js"></script></body></html>

File diff suppressed because one or more lines are too long

View File

@ -1,2 +0,0 @@
webpackJsonp([104],{70:function(t,e){t.exports="## Locate\n\nLocation tools, such as linking text boxes to date selectors and buttons to menus. \n\n## Usage\n\n```html\n <m-text-field rightIcon='today' id='myTextField' value={this.date} label='Date of birth' onIconClick={this.onIconClick} iconEvent={true} />\n<m-locate to=\"#myTextField\" direction='bottom-left' show={this.show}>\n <m-date-picker selected-date={this.date} onSelect={this.onSelect}></m-date-picker>\n</m-locate>\n```\n\n## API\n\n### Props\n\n```jsx\n{\n to: string //A selector for elements requiring associated positioning \n //Location direction, support top-left,top,top-right,left,left-top,left-bottom,bottom-left,bottom,bottom-right,right,right-top,right-bottom\n direction: string \n x: number //X migration of Ejection Layer\n y: number //Y migration of Ejection Layer\n gutter: number //Interval between Ejection Layer and Target\n}\n```\n\n "}});
//# sourceMappingURL=104.1a0253bb.chunk.js.map

View File

@ -1 +0,0 @@
{"version":3,"sources":["../static/js/104.1a0253bb.chunk.js","docs/en/locate.md"],"names":["webpackJsonp","70","module","exports"],"mappings":"AAAAA,cAAc,MAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAAC,QAAA","file":"static/js/104.1a0253bb.chunk.js","sourcesContent":["webpackJsonp([104],{\n\n/***/ 70:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Locate\\n\\nLocation tools, such as linking text boxes to date selectors and buttons to menus. \\n\\n## Usage\\n\\n```html\\n <m-text-field rightIcon='today' id='myTextField' value={this.date} label='Date of birth' onIconClick={this.onIconClick} iconEvent={true} />\\n<m-locate to=\\\"#myTextField\\\" direction='bottom-left' show={this.show}>\\n <m-date-picker selected-date={this.date} onSelect={this.onSelect}></m-date-picker>\\n</m-locate>\\n```\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n to: string //A selector for elements requiring associated positioning \\n //Location direction, support top-left,top,top-right,left,left-top,left-bottom,bottom-left,bottom,bottom-right,right,right-top,right-bottom\\n direction: string \\n x: number //X migration of Ejection Layer\\n y: number //Y migration of Ejection Layer\\n gutter: number //Interval between Ejection Layer and Target\\n}\\n```\\n\\n \"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/104.1a0253bb.chunk.js","module.exports = \"## Locate\\n\\nLocation tools, such as linking text boxes to date selectors and buttons to menus. \\n\\n## Usage\\n\\n```html\\n <m-text-field rightIcon='today' id='myTextField' value={this.date} label='Date of birth' onIconClick={this.onIconClick} iconEvent={true} />\\n<m-locate to=\\\"#myTextField\\\" direction='bottom-left' show={this.show}>\\n <m-date-picker selected-date={this.date} onSelect={this.onSelect}></m-date-picker>\\n</m-locate>\\n```\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n to: string //A selector for elements requiring associated positioning \\n //Location direction, support top-left,top,top-right,left,left-top,left-bottom,bottom-left,bottom,bottom-right,right,right-top,right-bottom\\n direction: string \\n x: number //X migration of Ejection Layer\\n y: number //Y migration of Ejection Layer\\n gutter: number //Interval between Ejection Layer and Target\\n}\\n```\\n\\n \"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/locate.md\n// module id = 70\n// module chunks = 104"],"sourceRoot":""}

View File

@ -0,0 +1,2 @@
webpackJsonp([104],{70:function(t,e){t.exports="## Locate\n\nLocation tools, such as linking text boxes to date selectors and buttons to menus. \n\n## Usage\n\n```jsx\n<m-text-field rightIcon='today' id='myTextField' value={this.date} label='Date of birth' onIconClick={this.onIconClick} iconEvent={true} >\n</m-text-field>\n<m-locate to=\"#myTextField\" direction='bottom-left' show={this.show}>\n <m-date-picker selected-date={this.date} onSelect={this.onSelect}></m-date-picker>\n</m-locate>\n```\n\n## API\n\n### Props\n\n```jsx\n{\n to: string //A selector for elements requiring associated positioning \n //Location direction, support top-left,top,top-right,left,left-top,left-bottom,bottom-left,bottom,bottom-right,right,right-top,right-bottom\n direction: string \n x: number //X migration of Ejection Layer\n y: number //Y migration of Ejection Layer\n gutter: number //Interval between Ejection Layer and Target\n}\n```\n\n "}});
//# sourceMappingURL=104.2cc0d637.chunk.js.map

View File

@ -0,0 +1 @@
{"version":3,"sources":["../static/js/104.2cc0d637.chunk.js","docs/en/locate.md"],"names":["webpackJsonp","70","module","exports"],"mappings":"AAAAA,cAAc,MAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAAC,QAAA","file":"static/js/104.2cc0d637.chunk.js","sourcesContent":["webpackJsonp([104],{\n\n/***/ 70:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Locate\\n\\nLocation tools, such as linking text boxes to date selectors and buttons to menus. \\n\\n## Usage\\n\\n```jsx\\n<m-text-field rightIcon='today' id='myTextField' value={this.date} label='Date of birth' onIconClick={this.onIconClick} iconEvent={true} >\\n</m-text-field>\\n<m-locate to=\\\"#myTextField\\\" direction='bottom-left' show={this.show}>\\n <m-date-picker selected-date={this.date} onSelect={this.onSelect}></m-date-picker>\\n</m-locate>\\n```\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n to: string //A selector for elements requiring associated positioning \\n //Location direction, support top-left,top,top-right,left,left-top,left-bottom,bottom-left,bottom,bottom-right,right,right-top,right-bottom\\n direction: string \\n x: number //X migration of Ejection Layer\\n y: number //Y migration of Ejection Layer\\n gutter: number //Interval between Ejection Layer and Target\\n}\\n```\\n\\n \"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/104.2cc0d637.chunk.js","module.exports = \"## Locate\\n\\nLocation tools, such as linking text boxes to date selectors and buttons to menus. \\n\\n## Usage\\n\\n```jsx\\n<m-text-field rightIcon='today' id='myTextField' value={this.date} label='Date of birth' onIconClick={this.onIconClick} iconEvent={true} >\\n</m-text-field>\\n<m-locate to=\\\"#myTextField\\\" direction='bottom-left' show={this.show}>\\n <m-date-picker selected-date={this.date} onSelect={this.onSelect}></m-date-picker>\\n</m-locate>\\n```\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n to: string //A selector for elements requiring associated positioning \\n //Location direction, support top-left,top,top-right,left,left-top,left-bottom,bottom-left,bottom,bottom-right,right,right-top,right-bottom\\n direction: string \\n x: number //X migration of Ejection Layer\\n y: number //Y migration of Ejection Layer\\n gutter: number //Interval between Ejection Layer and Target\\n}\\n```\\n\\n \"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/locate.md\n// module id = 70\n// module chunks = 104"],"sourceRoot":""}

View File

@ -0,0 +1,2 @@
webpackJsonp([35],{139:function(t,n){t.exports="## Locate\n\n\u5b9a\u4f4d\u5de5\u5177\uff0c\u6bd4\u5982\u53ef\u4ee5\u628a\u6587\u672c\u6846\u548c\u65e5\u671f\u9009\u62e9\u5668\u8054\u7cfb\u8d77\u6765\uff0c\u628a\u6309\u94ae\u548c\u83dc\u5355\u8054\u7cfb\u8d77\u6765\u3002 \n\n## \u4f7f\u7528\n\n```jsx\n<m-text-field rightIcon='today' id='myTextField' value={this.date} label='Date of birth' onIconClick={this.onIconClick} iconEvent={true} >\n</m-text-field>\n<m-locate to=\"#myTextField\" direction='bottom-left' show={this.show}>\n <m-date-picker selected-date={this.date} onSelect={this.onSelect}></m-date-picker>\n</m-locate>\n```\n\n## API\n\n### Props\n\n```jsx\n{\n to: string //\u9700\u8981\u5173\u8054\u5b9a\u4f4d\u7684\u5143\u7d20\u7684\u9009\u62e9\u5668 \n //\u5b9a\u4f4d\u65b9\u5411\uff0c\u652f\u6301 top-left,top,top-right,left,left-top,left-bottom,bottom-left,bottom,bottom-right,right,right-top,right-bottom\n direction: string \n x: number //\u5f39\u51fa\u5c42x\u504f\u79fb\n y: number //\u5f39\u51fa\u5c42y\u504f\u79fb\n gutter: number //\u5f39\u51fa\u5c42\u4e0e\u76ee\u6807\u7684\u95f4\u9694\n}\n```\n\n "}});
//# sourceMappingURL=35.a6bfcb4a.chunk.js.map

View File

@ -0,0 +1 @@
{"version":3,"sources":["../static/js/35.a6bfcb4a.chunk.js","docs/zh-cn/locate.md"],"names":["webpackJsonp","139","module","exports"],"mappings":"AAAAA,cAAc,KAERC,IACA,SAAUC,EAAQC,GCHxBD,EAAAC,QAAA","file":"static/js/35.a6bfcb4a.chunk.js","sourcesContent":["webpackJsonp([35],{\n\n/***/ 139:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Locate\\n\\n定位工具比如可以把文本框和日期选择器联系起来把按钮和菜单联系起来。 \\n\\n## 使用\\n\\n```jsx\\n<m-text-field rightIcon='today' id='myTextField' value={this.date} label='Date of birth' onIconClick={this.onIconClick} iconEvent={true} >\\n</m-text-field>\\n<m-locate to=\\\"#myTextField\\\" direction='bottom-left' show={this.show}>\\n <m-date-picker selected-date={this.date} onSelect={this.onSelect}></m-date-picker>\\n</m-locate>\\n```\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n to: string //需要关联定位的元素的选择器 \\n //定位方向,支持 top-left,top,top-right,left,left-top,left-bottom,bottom-left,bottom,bottom-right,right,right-top,right-bottom\\n direction: string \\n x: number //弹出层x偏移\\n y: number //弹出层y偏移\\n gutter: number //弹出层与目标的间隔\\n}\\n```\\n\\n \"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/35.a6bfcb4a.chunk.js","module.exports = \"## Locate\\n\\n定位工具比如可以把文本框和日期选择器联系起来把按钮和菜单联系起来。 \\n\\n## 使用\\n\\n```jsx\\n<m-text-field rightIcon='today' id='myTextField' value={this.date} label='Date of birth' onIconClick={this.onIconClick} iconEvent={true} >\\n</m-text-field>\\n<m-locate to=\\\"#myTextField\\\" direction='bottom-left' show={this.show}>\\n <m-date-picker selected-date={this.date} onSelect={this.onSelect}></m-date-picker>\\n</m-locate>\\n```\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n to: string //需要关联定位的元素的选择器 \\n //定位方向,支持 top-left,top,top-right,left,left-top,left-bottom,bottom-left,bottom,bottom-right,right,right-top,right-bottom\\n direction: string \\n x: number //弹出层x偏移\\n y: number //弹出层y偏移\\n gutter: number //弹出层与目标的间隔\\n}\\n```\\n\\n \"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/locate.md\n// module id = 139\n// module chunks = 35"],"sourceRoot":""}

View File

@ -1,2 +0,0 @@
webpackJsonp([35],{139:function(t,n){t.exports="## Locate\n\n\u5b9a\u4f4d\u5de5\u5177\uff0c\u6bd4\u5982\u53ef\u4ee5\u628a\u6587\u672c\u6846\u548c\u65e5\u671f\u9009\u62e9\u5668\u8054\u7cfb\u8d77\u6765\uff0c\u628a\u6309\u94ae\u548c\u83dc\u5355\u8054\u7cfb\u8d77\u6765\u3002 \n\n## \u4f7f\u7528\n\n```html\n <m-text-field rightIcon='today' id='myTextField' value={this.date} label='Date of birth' onIconClick={this.onIconClick} iconEvent={true} />\n<m-locate to=\"#myTextField\" direction='bottom-left' show={this.show}>\n <m-date-picker selected-date={this.date} onSelect={this.onSelect}></m-date-picker>\n</m-locate>\n```\n\n## API\n\n### Props\n\n```jsx\n{\n to: string //\u9700\u8981\u5173\u8054\u5b9a\u4f4d\u7684\u5143\u7d20\u7684\u9009\u62e9\u5668 \n //\u5b9a\u4f4d\u65b9\u5411\uff0c\u652f\u6301 top-left,top,top-right,left,left-top,left-bottom,bottom-left,bottom,bottom-right,right,right-top,right-bottom\n direction: string \n x: number //\u5f39\u51fa\u5c42x\u504f\u79fb\n y: number //\u5f39\u51fa\u5c42y\u504f\u79fb\n gutter: number //\u5f39\u51fa\u5c42\u4e0e\u76ee\u6807\u7684\u95f4\u9694\n}\n```\n\n "}});
//# sourceMappingURL=35.aef123ac.chunk.js.map

View File

@ -1 +0,0 @@
{"version":3,"sources":["../static/js/35.aef123ac.chunk.js","docs/zh-cn/locate.md"],"names":["webpackJsonp","139","module","exports"],"mappings":"AAAAA,cAAc,KAERC,IACA,SAAUC,EAAQC,GCHxBD,EAAAC,QAAA","file":"static/js/35.aef123ac.chunk.js","sourcesContent":["webpackJsonp([35],{\n\n/***/ 139:\n/***/ (function(module, exports) {\n\nmodule.exports = \"## Locate\\n\\n定位工具比如可以把文本框和日期选择器联系起来把按钮和菜单联系起来。 \\n\\n## 使用\\n\\n```html\\n <m-text-field rightIcon='today' id='myTextField' value={this.date} label='Date of birth' onIconClick={this.onIconClick} iconEvent={true} />\\n<m-locate to=\\\"#myTextField\\\" direction='bottom-left' show={this.show}>\\n <m-date-picker selected-date={this.date} onSelect={this.onSelect}></m-date-picker>\\n</m-locate>\\n```\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n to: string //需要关联定位的元素的选择器 \\n //定位方向,支持 top-left,top,top-right,left,left-top,left-bottom,bottom-left,bottom,bottom-right,right,right-top,right-bottom\\n direction: string \\n x: number //弹出层x偏移\\n y: number //弹出层y偏移\\n gutter: number //弹出层与目标的间隔\\n}\\n```\\n\\n \"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/35.aef123ac.chunk.js","module.exports = \"## Locate\\n\\n定位工具比如可以把文本框和日期选择器联系起来把按钮和菜单联系起来。 \\n\\n## 使用\\n\\n```html\\n <m-text-field rightIcon='today' id='myTextField' value={this.date} label='Date of birth' onIconClick={this.onIconClick} iconEvent={true} />\\n<m-locate to=\\\"#myTextField\\\" direction='bottom-left' show={this.show}>\\n <m-date-picker selected-date={this.date} onSelect={this.onSelect}></m-date-picker>\\n</m-locate>\\n```\\n\\n## API\\n\\n### Props\\n\\n```jsx\\n{\\n to: string //需要关联定位的元素的选择器 \\n //定位方向,支持 top-left,top,top-right,left,left-top,left-bottom,bottom-left,bottom,bottom-right,right,right-top,right-bottom\\n direction: string \\n x: number //弹出层x偏移\\n y: number //弹出层y偏移\\n gutter: number //弹出层与目标的间隔\\n}\\n```\\n\\n \"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/locate.md\n// module id = 139\n// module chunks = 35"],"sourceRoot":""}

View File

@ -4,8 +4,9 @@ Location tools, such as linking text boxes to date selectors and buttons to menu
## Usage
```html
<m-text-field rightIcon='today' id='myTextField' value={this.date} label='Date of birth' onIconClick={this.onIconClick} iconEvent={true} />
```jsx
<m-text-field rightIcon='today' id='myTextField' value={this.date} label='Date of birth' onIconClick={this.onIconClick} iconEvent={true} >
</m-text-field>
<m-locate to="#myTextField" direction='bottom-left' show={this.show}>
<m-date-picker selected-date={this.date} onSelect={this.onSelect}></m-date-picker>
</m-locate>

View File

@ -4,8 +4,9 @@
## 使用
```html
<m-text-field rightIcon='today' id='myTextField' value={this.date} label='Date of birth' onIconClick={this.onIconClick} iconEvent={true} />
```jsx
<m-text-field rightIcon='today' id='myTextField' value={this.date} label='Date of birth' onIconClick={this.onIconClick} iconEvent={true} >
</m-text-field>
<m-locate to="#myTextField" direction='bottom-left' show={this.show}>
<m-date-picker selected-date={this.date} onSelect={this.onSelect}></m-date-picker>
</m-locate>