Lightswitch has it's own way of doing things and it's own language for things that may not be obvious for a beginner. I'm going to use standard Lightswitch names for things. If you don't understand what something is, just ask and I'll elaborate.
You can implement this control using a combination of 6 standard controls as you did before.
The first would be a Choice List, a static list of values that presents as an AutoCompleteBox (i.e. a drop down). You would then edit the _Changed
method of the Local Property used to create the Choice List. Inside that method, you would create a switch/case to set a TimeSpan type variable to the desired period.
The plus and minus would just be normal buttons. You would edit the _Execute
methods of each to add/subtract the TimeSpan to/from the DateTime type Local Properties that represent the From and To dates. You will need to take special care here and probably use some intermediate variables as DateTime values are immutable.
The From and To dates can just be Local Properties of the type Date or DateTime as mentioned above. This will create a standard Silverlight Date Picker control which is quite nice.
The refresh would again just be a button that sets the Parameters of the Filter Query that you would use to display the Grid Control holding your data. That sequence of events is well represented in this question only you would be binding the Date properties instead of an AutoCompleteBox (i.e. drop down).
Hopefully that made sense and those links should point you in the right direction. I would also recommend Beth Massi's video series to get a good handle on the basic mechanics of a Lightswitch app. And you might want to consider making the application's code base in VB.NET. All the above still applies but the syntax may be slightly more familiar if you're coming from a VBA background.