hii my date filter is not working can you share any example of this

Hi Gaurav, What exactly seems to be an issue here? Your Insight(s) do not respect the selected filter value? Can you share some screenshot with us, please?

it's not working

You can find some hints and examples in articles below: https://sdk.gooddata.com/gooddata-ui/docs/date_filter_component.html https://sdk.gooddata.com/gooddata-ui/docs/date_filter_option.html

how we can give that it's according update date

Are you trying to implement a custom Date filter as your Dashboard filter?

yes and when i appling viewBy than i got this Type '{ primaryMeasure: any; viewBy: any; filters: any; }' is not assignable to type 'IntrinsicAttributes & IHeadlineProps'. Property 'viewBy' does not exist on type 'IntrinsicAttributes & IHeadlineProps'.ts(2322) View Problem (Alt+F8) Quick Fix... (Ctrl+.)

Also, there’s no need to repost the same question or beg for a response. We try our best to response on time, based on actual team capacity and we keep an eye on all active Slack threads.

Hi Gaurav. Ideally, it’d be good to see a code snippet of the component where you’re trying to implement this. Without that it is tough to know what’s wrong. Can you send us this, in text?

image.png,image.png,image.png

Could you send it as code instead of a screenshot, please?

import React from 'react' import * as Md from "../md/full"; import CustomAttributeFilter from "./../routes/CustomAttributeFilter"; import { useSelector } from 'react-redux'; import { useState } from 'react'; import { useDispatch } from 'react-redux'; import {filterData} from './../slices/filterSlice' import { DateFilter, defaultDateFilterOptions } from "@gooddata/sdk-ui-filters"; import './Filter.scss'; function Filter() { const dateFilterOptions = defaultDateFilterOptions; const dispatch=useDispatch() const data=useSelector((state)=>state.filterData) const [filters, setFilters] = useState(data.courseFilter); const [courseFilters, setCourseFilters] = useState(data.courseTypeFilter); const [statess,setStatess]=useState({ selectedFilterOption: dateFilterOptions.allTime, excludeCurrentPeriod: false, }) const onApply = (dateFilterOption, excludeCurrentPeriod) => { setStatess({ selectedFilterOption: dateFilterOption, excludeCurrentPeriod, }); dispatch(filterData({dateFilter {selectedFilterOption dateFilterOption,excludeCurrentPeriod}})) }; return ( <div style={{padding:'20px'}}> <div className='filter-heading'>Filter</div> <div className='filter-label'>Course</div> <div className='filter-input'> <CustomAttributeFilter placeholder="Filter Course" attribute={Md.LessonType} filters={courseFilters} setFilters={(value)=>{ setCourseFilters(value) let datasetsa=value[0]?value[0].positiveAttributeFilter.in.values:[]; datasetsa.push('GAurav') console.warn(datasetsa) dispatch(filterData({courseTypeFilter : value}))} } /> </div> <div className='filter-label'>Course Type</div> <div className='filter-input'> <CustomAttributeFilter placeholder="Filter Course Type" attribute={Md.Name} filters={filters} setFilters={(value)=>{ setFilters(value) dispatch(filterData({courseFilter : value}))} } /> </div> <div className='filter-label'>Date Filter</div> <div className='filter-input'> <DateFilter excludeCurrentPeriod={statess.excludeCurrentPeriod} selectedFilterOption={statess.selectedFilterOption} filterOptions={dateFilterOptions} availableGranularities={["GDC.time.month","GDC.time.year","GDC.time.quarter","GDC.time.date"]} dateFilterMode="active" dateFormat="mm/dd/yyyy" onApply={onApply} /> </div> </div> ) } export default Filter

Thanks! I’ll take a look.

still not working whereas when i filter on basis of other attribute it works

What’s the error message?

no error but data is not reload

Selecting different dates on the filter triggers no changes, yes? Could you show how you changed your code?

yes it's working now thanku

👌