Timefilter button

Author: guyplusplus

README.md

@@ -88,7 +88,7 @@ $ git checkout v7.8.0
 
 ```shell
 $ cd kibana
-$ nvm use
+$ nvm use 10.21.0    [or expected version]
 $ yarn kbn bootstrap
 $ yarn start --oss
 ```
@@ -171,7 +171,7 @@ vis_type_custom_form_filter_accounts_7.8.0_1.0.0.zip
 
 ## Installing the plugin
 
-The plugin can then be installed like this for an apt-get installed Kibana.
+The plugin can then be installed like this for an apt installed Kibana.
 
 ```shell
 $ cd /usr/share/kibana
@@ -193,7 +193,7 @@ $
 ## Project TODO List
 
 - [ ] Create form content (i.e. dropdown, slider) with actual data
-- [ ] Sample code to modify time filter
+- [X] Sample code to modify time filter
 - [ ] Create a script to replace 'accounts' in filenames and file content
 - [ ] Add internationalization example
 - [ ] Create test script

vis_type_custom_form_filter_accounts/public/custom_form_filter_accounts_vis_controller.tsx

@@ -126,6 +126,12 @@ class CustomFormFilterAccountsVisComponent extends React.Component<CustomFormFil
     this.forceUpdate();
   };
 
+  onClickButtonToday = () => {
+    this.props.timefilter.setTime(
+      {from: 'now/d', to: 'now/d'}
+    );
+  };
+  
   onFormChange = (event) => {
     const target = event.target;
     const valueStr = target.value;
@@ -153,7 +159,8 @@ class CustomFormFilterAccountsVisComponent extends React.Component<CustomFormFil
           <EuiSpacer />
           <EuiButton onClick={this.onClickButtonApplyFilter} fill>Apply filter</EuiButton>&nbsp;
           <EuiButton onClick={this.onClickButtonDeleteFilter} >Delete filter</EuiButton>&nbsp;
-          <EuiButton onClick={this.onClickButtonClearForm} >Clear form</EuiButton>
+          <EuiButton onClick={this.onClickButtonClearForm} >Clear form</EuiButton>&nbsp;
+          <EuiButton onClick={this.onClickButtonToday} color="secondary">Time: today</EuiButton>
         </EuiForm>
       </div>
     );