如何实现这种功能的组件

请问永洪如何实现图中这种功能的组件制作？右边为日期组件，左边的本年、本季等有一个选中的效果，并且可以根据右边日期组件的变化变化对应的本年参数值，例如右边日期为20221231时，选中本年数据，将展示20220101至20221231的数据，本月选中后，有一个选中本月的效果，起始日期变为20221201至20221231的数据。请问应该使用什么组件能实现分割这5个时间区间并且能传递右侧联动参数的？具体怎样实现？

使用getSelectedObjects获取到文本参数选中的值
如制作本年数据：
var a=year(文本参数1.getSelectedObjects()[0])
param['b']=parseDate(a+'-01-01','yyyy-MM-dd')
param['c']=parseDate(a+'-12-31','yyyy-MM-dd')
然后对组件设置日期在参数b和参数c之间

这几个本年本季度使用5个按钮去做，脚本写在按钮的提交时运行