Custom block questions

I am creating custom block for my plugin wp-photo-album-plus

The object wp.components has the following 186 member functions:

AnglePickerControl: 
Animate: 
Autocomplete: 
BaseControl: 
BlockQuotation: 
Button: 
ButtonGroup: 
Card: 
CardBody: 
CardDivider: 
CardFooter: 
CardHeader: 
CardMedia: 
CheckboxControl: 
Circle: 
ClipboardButton: 
ColorIndicator: 
ColorPalette: 
ColorPicker: 
ComboboxControl: 
CustomGradientPicker: 
CustomSelectControl: 
Dashicon: 
DatePicker: 
DateTimePicker: 
Disabled: 
Draggable: 
DropZone: 
DropZoneProvider: 
Dropdown: 
DropdownMenu: 
DuotonePicker: 
DuotoneSwatch: 
ExternalLink: 
Fill: 
Flex: 
FlexBlock: 
FlexItem: 
FocalPointPicker: 
FocusReturnProvider: 
FocusableIframe: 
FontSizePicker: 
FormFileUpload: 
FormToggle: 
FormTokenField: 
G: 
GradientPicker: 
Guide: 
GuidePage: 
HorizontalRule: 
Icon: 
IconButton: 
IsolatedEventContainer: 
KeyboardShortcuts: 
Line: 
MenuGroup: 
MenuItem: 
MenuItemsChoice: 
Modal: 
NavigableMenu: 
Notice: 
NoticeList: 
Panel: 
PanelBody: 
PanelHeader: 
PanelRow: 
Path: 
Placeholder: 
Polygon: 
Popover: 
QueryControls: 
RadioControl: 
RangeControl: 
Rect: 
ResizableBox: 
ResponsiveWrapper: 
SVG: 
SandBox: 
ScrollLock: 
SearchControl: 
SelectControl: 
Slot: 
SlotFillProvider: 
Snackbar: 
SnackbarList: 
Spinner: 
TabPanel: 
TabbableContainer: 
TextControl: 
TextHighlight: 
TextareaControl: 
TimePicker: 
Tip: 
ToggleControl: 
Toolbar: 
ToolbarButton: 
ToolbarDropdownMenu: 
ToolbarGroup: 
ToolbarItem: 
Tooltip: 
TreeSelect: 
VisuallyHidden: 
__esModule: true
__experimentalAlignmentMatrixControl: 
__experimentalApplyValueToSides: 
__experimentalBorderBoxControl: 
__experimentalBorderControl: 
__experimentalBoxControl: 
__experimentalConfirmDialog: 
__experimentalDimensionControl: 
__experimentalDivider: 
__experimentalDropdownContentWrapper: 
__experimentalElevation: 
__experimentalGrid: 
__experimentalHStack: 
__experimentalHasSplitBorders: 
__experimentalHeading: 
__experimentalInputControl: 
__experimentalInputControlPrefixWrapper: 
__experimentalInputControlSuffixWrapper: 
__experimentalIsDefinedBorder: 
__experimentalIsEmptyBorder: 
__experimentalItem: 
__experimentalItemGroup: 
__experimentalNavigation: 
__experimentalNavigationBackButton: 
__experimentalNavigationGroup: 
__experimentalNavigationItem: 
__experimentalNavigationMenu: 
__experimentalNavigatorBackButton: 
__experimentalNavigatorButton: 
__experimentalNavigatorProvider: 
__experimentalNavigatorScreen: 
__experimentalNavigatorToParentButton: 
__experimentalNumberControl: 
__experimentalPaletteEdit: 
__experimentalParseQuantityAndUnitFromRawValue: 
__experimentalRadio: 
__experimentalRadioGroup: 
__experimentalScrollable: 
__experimentalSpacer: 
__experimentalStyleProvider: 
__experimentalSurface: 
__experimentalText: 
__experimentalToggleGroupControl: 
__experimentalToggleGroupControlOption: 
__experimentalToggleGroupControlOptionIcon: 
__experimentalToolbarContext: 
__experimentalToolsPanel: 
__experimentalToolsPanelContext: 
__experimentalToolsPanelItem: 
__experimentalTreeGrid: 
__experimentalTreeGridCell: 
__experimentalTreeGridItem: 
__experimentalTreeGridRow: 
__experimentalTruncate: 
__experimentalUnitControl: 
__experimentalUseCustomUnits: 
__experimentalUseNavigator: 
__experimentalUseSlot: 
__experimentalUseSlotFills: 
__experimentalVStack: 
__experimentalView: 
__experimentalZStack: 
__unstableAnimatePresence: 
__unstableComposite: 
__unstableCompositeGroup: 
__unstableCompositeItem: 
__unstableDisclosureContent: 
__unstableGetAnimateClassName: 
__unstableMotion: 
__unstableUseAutocompleteProps: 
__unstableUseCompositeState: 
__unstableUseNavigateRegions: 
createSlotFill: 
navigateRegions: 
privateApis: 
useBaseControlProps: 
withConstrainedTabbing: 
withFallbackStyles: 
withFilters: 
withFocusOutside: 
withFocusReturn: 
withNotices: 
withSpokenMessages: 
Symbol(Symbol.toStringTag): "Module"

what shal i use for a numeric input field?

Currently my code is (using a text control):

el( wp.components.TextControl, {
	label: wppaTextTimeoutSeconds,
	value: attributes.value,
	onChange: function( value ) {
		props.setAttributes( { timeout: value } );
		props.setAttributes( { wppaShortcode: evaluate(props) } );
	},
}),

My second question is: how can i display the default value on opening the dialog?
Setting value: attributes.value, has no effect.