How to set date interval for custom data server?

Hello,
 
Thank you for reaching out to us.
 
We suggest using filters to control what interval is covered by your report. It is achievable using the Date Query Object associated with the desired hierarchy.
For example, if you want to only display records within the specific interval based on the "Date" field, it should be defined as the following:

"uniqueName": "Date",
"filter": {
  "query": {
    "between": [
      "2019-08-06",
      "2019-10-04"
    ]
  }
}

 
Here is a JSFiddle demonstrating this approach: https://jsfiddle.net/flexmonster/uwdvnrc3/.
 
You can also configure filters using UI. Use the gear icon placed on each header to open the filtering pop-up. If the clicked field corresponds to the date data type, the "DATES" tab will appear. Open it to choose the desired condition and values.
 
You can also use custom controls (mentioned buttons and calendar) to configure the desired Filter Object. In this case, use the setFilter method to apply the configuration to the chosen field.
 
Please let us know if it helps.
We are looking forward to your feedback.
 
Kind regards,
Illia

Hello, Oleg,
 
Thank you for your response.
 
For such cases, we recommend using the customizeAPIRequest hook.
This way, you could pass the dates to filter by along with the requests and filter the data on your server before sending the response to Flexmonster.
 
Please let us know if this helps.
 
Kind regards,
Vera

Hello, Oleg,

Thank you for your reply.

We moved the TypeScript definitions from @types/flexmonster to the flexmonster module.
All up-to-date type definitions can be found inside the node_modules/flexmonster/types/flexmonster.d.ts file.
For more details, please see https://www.flexmonster.com/doc/integration-with-typescript/#!type-definitions.
You are welcome to check out how types are referenced in our Typescript React sample project on GitHub for guidance: https://github.com/flexmonster/pivot-react/tree/master/typescript.
 
In addition, here is an example of how you can use customizeAPIRequest as an initialization parameter in React Typescript:

<FlexmonsterReact.Pivot
    ref={this.pivotRef}
  
    customizeAPIRequest={req => {
       req["requestHeaders"] = {
           "customHeader1": "This is the first custom request header",
           "customHeader2": "This is the second custom request header"
       };
       return req
    }}
    
    report={{...}}
/>

 
We have noticed that customizeAPIRequest is present in the initialization parameter types yet missing in the property types. 
Our team will update the type definitions, and the update will be available in the upcoming minor release of Flexmonster with the ETA 6th of September.
In the meantime, to use customizeAPIRequest as an API call, please refer to it in the following way:

this.flexmonster["customizeAPIRequest"]((req:object) => {
    req["requestHeaders"] = {
        "customHeader1": "This is the first custom request header",
        "customHeader2": "This is the second custom request header"
    };
    return req
})

 

Please let us know if this helps.

Kind regards,
Vera

Hello, Oleg,
 
We are happy to inform you that the type definition for customizeAPIRequest() was added to the property types.
This is provided in the 2.9.7 version of Flexmonster: https://www.flexmonster.com/release-notes/.
 
You are welcome to update the component: https://www.flexmonster.com/doc/updating-to-the-latest-version/.
 
Please let us know if the fix works fine for you.
 
Kind regards,
Vera

Hello, Oleg,
 
How are you?
 
We are wondering if the updated type definitions work fine for you.
Did updating to the latest version resolve the issue with the customizeAPIRequest type missing?
 
Please let us know if everything works.
Looking forward to your reply.
 
Kind regards,
Vera

Hello, Oleg,
 
Hope all is well.
 
Just checking in to see if the update worked for you.
Does the customizeAPIRequest hook work fine for you in React?
 
We would be grateful for your feedback.

Kind regards,
Vera